*** *** *****’s

PORTFOLIO

VER 2022.09 - 2023.02

19**.**.**

010. ****. ****

*******@*****.com

Follow Me

안녕하세요.
웹디자이너 & 웹퍼블리셔에 지원하는 김**입니다.

PART 01FRANK BURGER

그누보드를 이용하여 제작한 홈페이지입니다.
메인 비주얼에 동영상을 사용하였고, 그누보드 스킨을 활용해 로그인, 회원가입 및 게시판 등 웹사이트가 실제로 구동하게 만들었습니다.

기여도 : 100 % 작업기간 : 2022 .12 ~ 2023 .01

Website Concept Project plan

PART 02KB STARRIET

Flex를 사용하여 제작한 웹, 태블릿, 모바일에 최적화된 반응형 웹페이지입니다.
box-sizing은 필요한 태그에만 적용해 코드 수를 줄였고, jquery를 사용하여 전체메뉴버튼, 동영상 play버튼 등이 작동하게 만들었습니다.

기여도 : 100 % 작업기간 : 2023 .02 .03 ~ 2023 .02 .08

Website

KB 스타리츠Responsive Web

기존 KB 스타리츠 홈페이지를 웹표준의 기준에 맞춰 제작한 반응형 홈페이지 입니다. 각각 브라우저 해상도에 맞춰서 코딩 작업을 했고, AOS, slick 등의 플러그인을 사용했습니다.

PART 03MERLOT.LAB

기존 홈페이지를 새롭게 리뉴얼한 반응형 홈페이지입니다.
IoT 전문 회사를 나타낼 수 있는 이미지를 사용했고, 사용자의 편리성을 위한 버튼을 추가했습니다.

기여도 : 100 % 작업기간 : 2023 .01

Website Concept Project plan

PART 04CRAFT BIENNALE

xhtml과 css를 사용하여 구현한 적응형 홈페이지입니다.
각 요소들의 나열과 배열을 맞추기 위해서 float을 사용하였고,
box-sizing은 사용하지 않아 width와 height 값은 계산했습니다.

기여도 : 100 % 작업기간 : 2022 .10 ~ 2022 .11

Website Concept Project plan

MULTI DYNAMIC UI·UX / GRAPHIC

Sabon Responsive website

반응형 홈페이지의 이해를 위해 제작한 페이지입니다.
window의 width를 1400px, 1024px, 640px 3구간으로 나누어서 작업했습니다.

View More

Minions Multi Dynamic page

VIDE jquery plugin을 사용한 동영상 홈페이지입니다.
transform과 animation 기능을 활용하여 dynamic한 효과를 주었습니다.

View More

UI/UX Mobile Design CAMFITapplication

"피그마"를 활용한 모바일 어플리케이션 리디자인 프로젝트입니다.
캠핏은 캠핑장 정보를 얻을 수 있는 앱으로
사용자의 요구사항을 적용하여 편의성을 높일 수 있게 리디자인 했습니다.

View More Concept

Multy Hover Effect

EXPLORER ZOE / ASTRONAUT ZOE

EXPLORER ZOE

I don't need it to be easy, I need it to be worth it. - Lill Wayne

ASTRONAUT ZOE

Everything you can imagine is real.
- Pablo Picasso -

Graphic Illustrator Photoshop

Personal Identity / Isometric / Banner

WHO AM I?🤓

I can handle things like this!

저는 이런것도 다룰 수 있어요✌🏻

CONTACT ME 🙆🏻‍♀ 💌 *******@*****.com 📢 010 - **** - **** 📚 NCS 기반 UI/UX 웹디자인&웹퍼블리싱 과정 수료 (2023.02)

항상 배우고 공부하는 웹디자이너 & 퍼블리셔가 되겠습니다!
감사합니다!