Embed Size (px)
Citation preview
Index
2016 한국AND 자동차 DSP사업부
Website Project
© 2016 Hansomefish All rights reserved.
Index
1. 개요 및 분석
2. 사이트 구현방안
3. 글로벌 웹사이트
© 2015 Hansomefish All rights reserved.
1. 개요 및 분석
1-1. 배경 및 목적
제품/서비스 정보 명확하게 전달
브랜드 아이덴티티 확립 및 강화
외부환경 내부환경
• 차별화된 전략 수립으로 브랜드 이미지 제고
• 고객 및 사용자, 홈페이지 관리자의 편의성
강화
자동차 DSP사업부 설립에 맞추어 한국 내 영업을 시작함에 있어 홍보 및 마케팅을 위한 웹사이트 구축을 목적으로 함
신新 사업부 설립에 따른 웹사이트 제작
추후 A&D 브랜드 사이트 구축 및 웹 전략의 샘플 모델로서의 역할
• 웹접근성 준수
• 웹표준 및 크로스브라우징
• 검색엔진최적화
1-2. 목표
효율적이고 성공적인 프로젝트를 진행하기 위한 범위의 설정
프로젝트 중점 사항
편의성 강화 기업이미지 제고 법규준수
• 웹스타일 가이드 정립을 통한 일관성 있는 아이덴티티 구현
• 특성화된 전략수립을 통한 기업이미지 제고
• 고객 및 사용자 중심의 정보구조 및 UI 설계
• 편의성을 고려한 체계적인
관리자 프로그램 설계
• 장애인 차별금지법 관련 웹접근성 준수 • 크로스브라우징 지원을 위한
웹표준화 준수
2. 사이트 구현방안
UI/UX Design 한국AND 및 DSP 사업부의 주요 가치와
글로벌 이미지를 줄 수 있도록 한국AND만의 디자인 아이덴티티 확립
주요 컨텐츠를 시각적, 경험적으로 배치하여 사용자가 편리하게 이용할 수 있도록 설계
Challenge, Create & Change
한국AND 자동차 DSP사업부
트렌드에 맞는 디자인과 사용자의 편리성에 중점 대응
1-1. 컨셉
1-2. 구현방안
방문자가 원하는 콘텐츠로 빠르게 이동할 수 있게 하여
검색 피로도 감소
편리한 내비게이션
카테고리별 상세 메뉴를 노출하여 방문자가 원하는 콘텐츠로 빠르게 이동할 수 있도록 함
GNB활성화를 통한 빠른 내비게이션
중요도가 높은 콘텐츠를 우선 배치하여 방문자가 쉽게 해당 콘텐츠로 이동 가능 하게 함
다양한 콘텐츠 노출로 빠른 이동 유도
카테고리 내의 콘텐츠 요약을 한 눈에 볼 수 있어 내용을 빠르게 이해할 수 있도록 함
한 눈에 볼 수 있는 카테고리별 콘텐츠
현재 확인하는 정보와 연관된 정보 및 콘텐츠를 한 곳에 노출함으로써
검색 피로도 감소
연관된 정보 배치
고객이 관심 가질만한 물건을 보여주며 고객의 행동 동선을 고려하여 결재하기를 함께 배치하여 편의성 강화
서비스에 관한 설명 뿐 아니라 관련하여 고객이 궁금해 할 만한 정보로 이동할 수 있는 게이트웨이 역할
검색 피로도 감소 행동동선을 고려한 배치
1-2. 구현방안
콘텐츠의 가독성을 높이는 디스플레이로
사용자의 웹 사용 경험 증대
Direct Message
정보를 시각화 하여 정보를 고객이 빠르게 이해할 수 있도록 함
중요한 정보만을 부각하여 가독성을 높이고 정보를 빠르게 이해할 수 있도록 함
그래프 활용 인포그래픽 활용
텍스트를 형상화 하여 표현함으로써 방문자가 빠르게 인지할 수 있도록 함
픽토그램 활용
1-2. 구현방안
2-2. TES 디자인
Infographics
장문의 텍스트가 아닌 시각화 정보의 강조 메시지 전달력 강화 및 효율적인 정보 전달
1-2. 구현방안
체계적인 Contact us 기능으로 고객들과 소통 채널을 사용하기 편리하게 함으로써
사용편의성 강화
Easy to Contact
각 지점 안내를 지도와 함께 표기함으로써 가독성을 높이고 이메일 문의도 같은 페이지에 배치하여 연락과 연관된 콘텐츠를 한 번에 확인할 수 있어 검색 피로도를 낮춤
제품페이지에 문의메일 바로가기와 지속적으로 제품에 관한 메일을 받을 수 있는 장치를 하여 편의성을 높임
고객과 지속적 소통 채널 구축 연관된 정보 통합 안내
1-2. 구현방안
1-3. 결과 및 시사점
대내외 분석을 통하여 사용환경 개선을 위한 시사점을 도출합니다.
통일성 있는 디자인과 공통 콘텐츠 노출을 통한 브랜드 파워 활용 통일성 있는 Look & Feel을 사용한 디자인을 적용함으로써 관계사로서의 동질감 부여 및 브랜드 파워를 레버리지로 활용
특성에 맞는 콘텐츠 배치를 통한 차별화 사업의 특성에 따라 콘텐츠를 노출하고 중요도를 고려하여 콘텐츠 배치에 변화를 주어 사업 분야의 특성을 강조함으로써 차별화
사용자 편의성 증대 심플하고 쉬운 UX를 통해 사이트를 사용하기 편리하고 쉽게 개편함으로써 사이트의 사용감 증대
웹표준/접근성 준수 통한 운영 효율성 및 정보 접근성 강화 웹표준 준수를 통해 콘텐츠 코드 표준화 및 경량화를 하여 사이트 운영 효율성을 높이고 접근성 준수를 통해 다양한 사람들의 사이트 접근성을 높임으로써 계열사 사이트 정보의 접근성을 높임
통일성
유연성
편의성
접근성
3. 글로벌 웹사이트
3-1. 글로벌웹스피드
한국에서 뿐만 아니라 세계 어디에서도 세련되고 멋지게 귀사의 품위를
지켜드리고 싶습니다.
3-1. 글로벌웹스피드 소개
3-2. 포트폴리오
3-2. 포트폴리오
© 2016 Hansomefish All rights reserved.
서울특별시 서초구 서초대로48길 101, 6층
Tel. 02-3453-9929 Fax 02-3453-9908
http://www.handsomefish.co.kr
감사합니다
