타임스퀘어

모바일 가상 시안작업

CLIENT타임스퀘어 모바일 가상 시안작업
DATE2017. 01. 25
PROGRAMIllustrator, PHOTOSHOP
PROJECT기획 100%, 디자인 100%
URLhttp://webportfolio.dothome.co.kr/timesquare
 타임스퀘어 가상 시안 메인화면

모바일 환경에
대한 이해

  • 물리적 스크린화면
    기기적 개별 해상도
  • 정그래픽 디자인 툴의
    숙련도
  • 모바일 환경의
    기능적 요소
  • 계층구조 파악 및
    콘텐츠 요소별 배치

모바일 UI/UX
분석 및 기획

모바일 해상도의 이해

다양한 모바일 스크린 크기에 대응하는 디자인 구성.

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

STORY

해당 프로젝트는 기존 사이트를 다양한 모바일 스크린 크기에 대응하며, 자유롭게 가상으로 디자인해볼 수 있는 작업이었습니다.

쇼핑 카테고리의 모범적 사례를 들수 있는(백화점, 멀티플렉스, 쇼핑몰, 레스토랑 등) 대표적인 신세계, 롯데백화점 의 주조컬러인 레드계열의 색상을 채택함으로써
사용자의 UX를 기반으로 한 주조컬러 변경이 적용되었습니다.

주제에 따른 콘텐츠별 구분을 배경색에 차등(보색대비)을 적용함 으로써 사용자가 정보를 이용하는데에 있어 불편함이 없도록 노력하였습니다.

NCS 수업 중 첫 모바일시안 작업이어서 작업도중 많은것을 배울 수 있어서 좋았습니다.