leehyunsil.com

WEB DESIGNER & Publisher

안그라픽스 모바일 웹사이트 가상 리뉴얼

ahn graphics mobile website virtual renewal

사이트 보러가기

client  ahn graphicsoutput  mobileparticipation  디자인 100%, 퍼블리싱 100%url  http://realportfolio.dothome.co.kr/ag/

기존 사이트의 블랙/화이트 배색조합을 적극 활용 하였으며, 무엇보다 정보전달에 초점을 맞추어 디자인을 구성 하였습니다.
메인 페이지 디자인은 현재 진행중인 이벤트 내용을 강조하기 위해 비주얼 영역에 이벤트 상세 내용 일부분을 노출하고 있으며,
서브 페이지에서는 도서의 상세정보를 별도의 페이지 이동 없이 직접 볼 수 있는 구성으로 설계 하여 사용자가 빠른 정보 이용을 진행할 수 있도록 제작 하였습니다.

“가상으로 제작하여 만든 모바일화면”

새롭게 제작한 모바일 사이트를 확인하세요.

다양한 모바일 스크린 화면을 지원할 수 있도록 제작된 안그라픽스 모바일(320px~480px)

“이미지의 품질을 고려한 고퀄리티 픽셀 배율”

시안 작업시 픽셀 배율을 3배로 잡아 디자인하였습니다.

안그라픽스 모바일에 제작된 그래픽 이미지는 고배율의 확대에서도 깔끔한 픽셀단위의 경계선을 확인 할 수 있습니다.

“정보의 이해를 돕는 이미지 사용”

콘텐츠의 정보에 따라 이미지를 추가하여 사용자의 정보이해가 용이하도록 개선하였습니다.

정보이해의 용이성을 적용한 그래픽 이미지 사례1: 론리플래닛 매거진,
    정보이해의 용이성을 적용한 그래픽 이미지 사례2: 안그라픽스의 안상수체,그래픽디자인,대표 안상수

“Overveiw”

기존 사이트의 주조컬러를 적극적으로 활용하였고, 무엇보다 정보전달에 초점을 맞추어 디자인하였습니다.
메인 컨텐츠들은 전역메뉴 정보의 중요성이 높은 정보들로 구성하였고, 다양한 모바일 스크린 화면을 지원할수 있도록 %단위의
수치를 적극활용하여 제작하였습니다.
또한, 전체적인 텍스트의 행간을 여유있게 잡아 가독성을 높이는데 중점을 두었습니다.

메인 페이지 디자인은 현재 진행중인 이벤트 내용을 강조하기 위해 비주얼 영역에 이벤트 상세 내용 일부분을 노출하고 있으며,

서브페이지에서는 출판 사이트의 특징을 살려 도서소개 부분을 가판대 형식의 구조로 디자인하였고, 도서의 상세정보를 별도의
페이지 이동 없이 직접 볼 수 있는 구성으로 설계 하여, 사용자가 빠른 정보 이용을 진행할 수 있도록 제작 하였습니다.