leehyunsil.com

WEB DESIGNER & Publisher

GTQ 모바일 웹사이트 가상 작업

gtq mobile website virtual works

사이트 보러가기

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

기존 GTQ 사이트의 주조컬러를 적극적으로 활용하였고, 무엇보다 정보전달에 초점을 맞추어 디자인 하였습니다.
메인 페이지 레이아웃 구성은 전역메뉴 정보의 중요성이 높은 정보들로 구성하였고, 콘텐츠의 정보에 따라 GUI를 추가하여
사용자의 정보 이해가 용이 하도록 제작 하였습니다. 또한, 전체적인 텍스트의 행간을 여유있게 잡아 가독성을 높이는데 중점을 두었습니다.

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

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

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

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

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

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

“복잡한 내용은 좀더 쉬운 예시로”

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

정보이해의 용이성을 적용한 그래픽 이미지 사례1: GTQ 포토샵 자격에 ICDL 1과목만 취득하면 국제자격으로 통합인증되어 사용,
 정보이해의 용이성을 적용한 그래픽 이미지 사례2:  포토샵 아이콘, 정보이해의 용이성을 적용한 그래픽 이미지 사례3: 국가공인자격증 아이콘

“Overveiw”

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

최근소식자리에는 각각의 카테고리 내용을 한눈에 보기 쉽도록 하였고, 콘텐츠의 정보에 따라 GUI를 추가하여 사용자의 정보이해가
용이하도록 개선하였습니다.

서브페이지에는 gtq사이트의 정보를 보다 직관적으로 전달하기 위해 이미지, 표 등을 사용하여 사용자의 정보이해를 돕기 위해
노력하였습니다.