• steadily
  • 노력하고, 발전하는

웹 퍼블리셔가 되고 싶습니다.

education

저는 디자인을 처음 배우고 실습해보는 웹 퍼블리셔로서, 감각과 기술을 향상시키기 위해 노력하는 학습자입니다. 디자인의 기본 원칙과 웹 디자인에 적용되는 원칙들을 학습하고, 다양한 디자인 툴을 사용하여 시각적인 아이디어를 구체화해나가는 것을 즐깁니다.

저는 디자인에 대한 열정과 앞으로의 성장에 대한 의지를 가지고 있으며, 새로운 도전과 학습을 통해 더 나은 디자이너로 성장하고자 합니다.

LANGUAGES

HTML5

HTML5언어를 통해 홈페이지의 컨텐츠를 입력하고
맥락에 맞는 적절한 태그를 선택하여 웹표준을 준수하여
웹접근성을 높이는 코딩을 할 수 있습니다.

75

CSS

CSS를 이용해 홈페이지 레이아웃을 구성하며
디자인 및 반응형 media-query를 사용하여
여러 디바이스에 대한 대비가 가능합니다.

70

JavaScript

문서객체를 활용하여 홈페이지 안의 내용 및 효과를 다채롭게 수정가능합니다.

60

JQUERY

JQUERY 이용해 홈페이지 안의 내용 및 효과를 다채롭게 수정가능합니다.

65

Redesign

국순당 홈페이지 리디자인
국내 전통주 브랜드인 국순당의
홈페이지를 새롭게 디자인
리디자인 페이지 바로가기
국순당 홈페이지 바로가기
모바일목업 노트북목업

MAIN PAGE

메인페이지

넓은 여백, 작은 메인 화면,
오래된 느낌의 배너 이미지를
문제점으로 확인하여 브라우저의
넓은화면을 사용하여 메인배너로
영상을 삽입

국순당의 대표제품들을
메인 페이지에 추가

국순당에서 체험할 수 있는
주향로의 예약 페이지를 메인페이지에
만들어 사용자들에게 접근 용이하게함

메인페이지의 길이가 길어지면서
스크롤이 생성되어 맨 하단으로
화면이 내려간 경우에 맨 위로
편하게 이동하기 위하여 고정탑버튼 생성

product

제품페이지

기존에 없던 배너를 만들어 국순당의
제품에 대한 브랜드의 철학을 담음

간단한 제품소개 문구 추가

새로운 디자인의 제품 성분표 제작

한정판 제품에 대해 배경색상을 넣어 제품소개 추가 및 강조효과를 줌

promotion

홍보마당페이지

기존에 없던 배너를 만들어 국순당의 제품에 대한 브랜드의 철학을 담음

간단한 제품홍보 문구 추가

슬라이드를 이용해 광고영상들을 배치

슬라이드를 이용해 포스터들을 배치

woorisool

우리술페이지

기존에 없던 배너를 만들어 국순당의 제품에 대한 브랜드의 철학을 담음

국순당 술의 특징 소개문구

국순당이 개발한 설갱미에 대한 설명과 관련한 질문에 대해 알 수 있도록 선택지를 선택하면 관련 팝업이 나오도록 제작

국순당이 소개하는 우리의 전통주에 대한 내용을 스크롤하면 위로 뜨는 방식을 사용하여 제작함

  • thankyou for watching