글로벌 방산, 화약분야 전문기업,
한화 다국어 홈페이지 리뉴얼
RENEWAL
WEB / MOBILE
한화
리뉴얼 프로젝트
- Client
- 한화
- Date
- 2021. 12 - 2022. 01
- Type
- 다국어 홈페이지, 워드프레스, 반응형 구축
Overview
한화의 홈페이지 목적은 “홈페이지를 통한 세계적인 일류 브랜딩 구축” 이었습니다. 기존 홈페이지의 경우 사이트맵이 숨겨져 있어 SEO측면에서 매우 불리한 조건을 가지고 있는 상태였습니다. 브랜딩 구축 이전에 SEO 작업을 진행 후 방산기업의 Value를 지키기 위해 트렌디한 UI / UX디자인을 진행하였습니다.
Goal
홈페이지 사용자
이탈률 최소화
UI/UX Strategy
반응형 웹 개발
다양한 디바이스와 해상도에 맞춘 반응형 웹을 제작하여 동일한 사용자 경험을 제공합니다.
반응형 개발에 맞춰 레이아웃의 구성을 개발 친화적으로 제작하였습니다.
의미있는 아이콘
한화의 아이덴티티를 담은 개성있고 의미있는 아이콘을 제작하였습니다.
세계적으로 공통되는 UX
글로벌 기업 한화에 맞춰 세계적으로 공통되는 UX 공식을 활용하였으며,
수평적인 레이아웃을 적용하였습니다.
Hanwha
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto sans
Noto sans KR
Color System
Hanwha
Corporation / Global
각 섹션으로 이동할 수 있는 히어로 섹션
히어로섹션을 롤링배너를 활용하여 각 배너별로 섹션의 내용이 담겨져있으며
버튼을 클릭시 섹션을 이동하게 만들어 홈페이지 이탈을 최소화 하였습니다.
해외 유저를 위한 직관적인 UI디자인 구현
외국인 사용자의 경우 직관적인 UI / UX디자인에 적응되어있으며
이를 고려한 직관적인 UI디자인, 편리한 UX디자인을 구현하였습니다.
‣ Service Section
‣ Location & Selling Point Section
Hanwha
Subpage
SERVICE PAGE
한화 마이닝 서비스가 제공하는 범주를
외국인 사용자에게 소개하는 페이지를 구현하였습니다.
‣ Service Page
SOLUTION PAGE
쉽게 이해가 가능한 메뉴얼 버튼을 추가하여
외국인 사용자의 UX를 확보하여 편의성을 올렸습니다.
‣ Product Page
PRODUCT PAGE
30STEP만의 고유한 콘텐츠페이지로써
가독성 좋은 UX디자인을 통해 홈페이지 사용자의 이탈을 막았습니다.
‣ 도서 페이지
Hanwha
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 문의 신청이 가능하도록 자연스러운 문의흐름을
개발하는 완벽한 반응형 대응을 진행하였습니다.
