안그라픽스

모바일 가상 리뉴얼 구축

CLIENT모바일 가상 리뉴얼 구축
DATE2017. 05. 12
PROGRAMIllustrator, PHOTOSHOP, HTML, CSS, JQUERY
PROJECT기획 100%, 디자인 100%, 퍼블리싱 100%
URLhttp://webportfolio.dothome.co.kr/ag
안그라픽스 가상 리뉴얼 메인화면

리뉴얼
구축전략

  • 사용자에게 제공되는
    자연스러운 정보 전달화
  • 정보전달 텍스트에 대한
    최적화된 GUI 제공
  • 명시성을 높이기 위한
    배색 조합
  • 다양한 모바일 디바이스
    환경에 맞춘 레이블

모바일 제작 가이드
준수

PC 웹 사이트와 같은 서비스를 제공하기 위해 최신 트랜드에 맞춘 모바일 웹 UI를 구성하고,주메뉴인 도서목록을 편의성있게 사용할 수 있도록 제작하였습니다.

안그라픽스의 특징을 파악할 수 있도록 아이덴티티를 시각화하여 GUI를 제작하였습니다.

빠르게 원하는 정보에 도달 할 수 있도록 GUI를 정보전달에 있어 설득력을 높일 수 있도록 노력하였습니다.

다양한 웹 디바이스 환경중 모바일 스크린화면에 맞춘 서체를 사용하도록 노력하였으며, 어두운 화면에서도 잘 보이도록 명시성을 높이기 위해 기획하였습니다.

안그라픽스만의 아이덴티티 부여,
도서영역에 대한 효과적인 정보제공 강화

포인트 컬러의 활용 및 효과적인 메시지 전달

장식적인 요소를 배제한 최소한의 표현으로 직관적이고 간결한 디자인, 깔끔한 타이포의 사용으로 가독성과 주목성을 고려하여 플랫 형태의 기획 및 디자인 구현.

최소한의 표현으로 기획 구현한 안그라픽스의 메인, 서브페이지

STORY

해당 프로젝트는 기존 사이트로부터 리뉴얼 작업을 진행한 가상의 모바일 웹 구축 프로젝트였습니다.

기존의 안그라픽스 웹 홈페이지의 많은 양의 데이터를 모바일 웹이라는 한정된 공간 안에서 얼마나 효과적으로 적용 하는것이 핵심이 되는 프로젝트였습니다.

이를 위해 콘텐츠에 대한 집중도를 높이고 많은 양의 데이터가 처리가 가능하도록 안그라픽스만의 아이덴티티를 시각화하여

심플하고 단순한 플랫한 디자인을 활용하였고, 다양한 모바일 스크린 크기에 대응하는 디자인을 구성할 수 있도록 노력하였습니다.

콘텐츠 간의 공통 간격을 보다 여유롭게 적용함으로써 사용자가 정보흐름을 간편하게 이용할 수 있도록 구성하였습니다.

안그라픽스의 주 콘텐츠와 이야기들이 효과적으로 전달될 수 있도록 동일한 카테코리의 사이트 벤치마킹 및 분석을 통해
완성도 높은 사이트 제작을 진행 할 수 있었습니다.

다양한 모바일 환경을 대응해야 하는 끊임없는 고민과 새로운 해법을 시도해볼 수 있었던 흥미로운 프로젝트였습니다.