현대리바트

반응형 가상 시안작업

CLIENT현대리바트 반응형 가상 시안작업
DATE2017. 03. 23
PROGRAMIllustrator, PHOTOSHOP
PROJECT기획 100%, 디자인 100%
URLhttp://webportfolio.dothome.co.kr/hyundailivart
현대리바트 가상 시안 메인화면

반응형 웹 디바이스 환경에
대한 이해

  • 반응형 웹
    디자인 패턴
  • 웹 디바이스 환경에
    대응하는 스크린
  • 반응형 웹 구현의
    표현방식
  • 목표 규격 및
    콘셉트 설정

반응형 웹 UI/UX
프토토타입

디자인 구성요소 제작

기기의 화면크기에 따른 메뉴의 배치나 한 화면에서 제공할 수 있는 콘텐츠의 양에 맞는정보를 전달 해야하는 반응형 웹 디자인 구성.

다양한 모바일 스크린 크기에 대응하여, 가상으로 시안작업한 타임스퀘어의 메인, 서브페이지

STORY

해당 프로젝트는 기존 현대 리바트의 웹 사이트를 반응형 페이지 형식으로 디자인하는 작업이었습니다.

반응형 웹에 필요한 기기의 화면 크기나 해상도에 상관없이 가장 알맞는 웹사이트 레이아웃을 보여주는 디자인 작업에 노력을 기울였습니다.

콘텐츠 성격에 따라 스토리보드 양식을 만들어 활용하고 인터랙션을 구체적으로 시각화하도록 기획하였습니다.