PORTFOLIO
Practice
  • 연습1
  • 연습2
x버튼
* 제작 홈페이지는 원본페이지의 지속된 업데이트에 의해 원본과 다를 수 있습니다.
원본사이트 원본 사이트 보기 제작사이트 제작 사이트 보기
x버튼
* 제작 홈페이지는 원본페이지의 지속된 업데이트에 의해 원본과 다를 수 있습니다.
원본사이트 원본 사이트 보기 제작사이트 제작 사이트 보기
배경
APPLE, CJ 등 제작되어있는 여러 웹 사이트의 메인페이지를 스스로 제작해보며 @keyframes, parallax scroll 등 여러 기술적인 부분을 연습했습니다.
Renewal
* 이미지를 클릭하시면 더욱 자세한 제작 정보를 보실수있습니다.
  • 제작1
  • 제작1
  • 제작1
  • 제작1
  • 제작1
  • sk와이번스로고
    skwyverns
    html /css / jquery
    Photoshop / Atom editor
    - sk스포츠의 sk와이번스 홈페이지 메인페이지를 리뉴얼하였습니다.
  • glaceau로고
    글라소비타민워터
    html / css / jquery
    Photoshop / Illustrator / Atom editor
    - 글라소비타민워터의 제품 소개 페이지를 제작하였습니다. 각각의 제품 특성에 맞는 색상을 이용하여 제품이 더욱 돋보일 수 있도록 제작하였습니다.
  • 서호미술관 로고
    서호미술관
    html / css / jquery
    Photoshop / Atom editor
    - 서호미술관의 미술관 소개페이지, 그중 메인페이지를 리뉴얼했습니다.
  • 서호미술관 로고
    로이젠
    html / css / jquery
    Photoshop / Atom editor
    - 신사복 브랜드 로이젠의 메인 페이지를 리뉴얼하였습니다. 브랜드 고유의 이미지에 컨셉츄얼한 컬러와 디자인을 더하여 고객이 남성적이고 트렌디한 시각적 매력을 느낄 수 있도록 제작하였습니다.
  • 서호미술관 로고
    레고키덜트월드
    html / css / jquery
    Photoshop / Illustrator / Atom editor
    - 기존의 레고 홈페이지에서 성인을 위한, 성인이 좋아할 요소만을 더한 레고 키덜트월드 페이지를 제작했습니다.
x버튼
옛 것을 새 것으로 바꾸어 촌스럽고 오래되어 보일수 있는 구성을 사용자 편의에 맞고, 더욱 세련된 레이아웃으로 새로 구성 하였습니다.
  • 작업 참여율
  • -기획 100%
  • -디자인 100%
  • -퍼블리싱 100%
원본사이트 원본 사이트 보기 원본사이트 제작 사이트 보기
x버튼
마우스의 스크롤에 따라 반응하는 Parallax Scroll을 응용하여 더욱 생동감있는 페이지를 구현 하였습니다.
  • 작업 참여율
  • -기획 100%
  • -디자인 100%
  • -퍼블리싱 100%
원본사이트 원본 사이트 보기 원본사이트 제작 사이트 보기
x버튼
마우스 스크롤시 전체 CONTENTS의 이미지가 변경되며 새로운 메뉴구성을 확인할 수 있습니다.
  • 작업 참여율
  • -기획 100%
  • -디자인 100%
  • -퍼블리싱 100%
원본사이트 원본 사이트 보기 원본사이트 제작 사이트 보기
x버튼
풀 페이지 레이아웃을 원 페이지 레이아웃으로 바꾸어 제작하여 더욱 알찬 내용구성을 확인할 수 있습니다.
  • 작업 참여율
  • -기획 100%
  • -디자인 100%
  • -퍼블리싱 100%
원본사이트 원본 사이트 보기 원본사이트 제작 사이트 보기
x버튼
풀 페이지 레이아웃으로 CONTENTS내에서 스크롤하여 내용요소를 확인할 수 있습니다.
  • 작업 참여율
  • -기획 100%
  • -디자인 100%
  • -퍼블리싱 100%
원본사이트 원본 사이트 보기 원본사이트 제작 사이트 보기