신한항업
반응형홈페이지 리뉴얼
- Client
- 신한항업
- Date
- 2021. 08 - 2021. 10
- Type
- 홈페이지, 워드프레스, 반응형 구축
Overview
신한항업의 최상위 홈페이지 목적은 “기술에 대한 전문성 확보” 이었습니다.
공간정보를 확보하는데 사용하는 최신식 기술을 통해 홈페이지에 이를 부각시켜 전문성을 입증해야했습니다. 더불어 다양한 셀링포인트 및 사회적근거 (고객후기, 설비사례) 를 배치시켜 타겟층의 구매저항까지 지우는 역할을 해내야 했습니다.
또한 템플릿형 UI / UX디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
UI/UX 디자인 리뉴얼
UI/UX Strategy
반응형 웹
반응형 웹에 최적화된 레이아웃과 그리드를 사용해
다양한 환경에서 사이트를 이용할 수 있도록 사용자 편의를 고려하였습니다.
다양한 정보를 아우르는 UI
신한항업의 방대한 정보와 제품을 위한 공통적인 가이드가 필요하였습니다.
통일된 그리드와 컴포넌트를 활용하여 UI 가이드를 제작하였습니다.
정돈된 레이아웃
신뢰감과 전문성을 전달하기 위해 도전적인 레아아웃을 적용하기 보다
정돈되고 수평적인 그리드를 사용하였습니다.
SHINHAN Aerial Survey
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
공간정보사회의 글로벌 리더
주식회사 신한항업
고객의 시선을 사로잡는 동영상 배너
첫페이지에서 이탈을 결정하는 시간은 5초입니다.
5초안에 동영상을통해 시선을 사로잡아 홈페이지 이탈을 최소화했습니다.
구매저항을 감소시키는 FUNNEL 기획
신한항업만의 기술력, 나라에서 인증받은 인증서를 통해
홈페이지 사용자의 구매저항을 감소시켜 문의률을 올렸습니다.
‣ Main Business 섹션
‣ 인증서 섹션
SHINHAN AERIAL SURVEY
PAGE SECTION
TECHNOLOGY SECTION
‣ 기술력 섹션
BUSINESS SECTION
‣ 비즈니스 섹션
SHINHAN AERIAL SURVEY
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.