국내 1위 체성분 설비 기업,
인바디 반응 형 사이트 리뉴얼
RENEWAL
WEB / MOBILE
인바디 라틴아메리카
반응 형 사이트 리뉴얼
- Client
- InBody Latinamerica
- Date
- 2021. 05 - 2021. 07
- Type
- 다국어 홈페이지, 워드프레스, 반응형 구축
Overview
다국어 홈페이지의 경우 외국인 사용자들의 UX디자인을 고려하여 가독성을 매우 높였어야 했습니다.
아몽소프트웨어는 직관적인 UI디자인과 불필요한 텍스트를 전부 제거하는 기획을 진행하였고 외국인 사용자로 하여금 인바디 체성분기계의 장점들을 알기 쉽게 UI디자인을 구축해 이탈률을 개선하였습니다.
워드프레스의 장점을 활용해 손쉬운 관리자페이지도 함께 개발해 나갔습니다.
Goal
전문적인 브랜딩 효과 창출
UI/UX Strategy
직관적인 아이콘
콘텐츠를 직관적으로 이해할 수 있도록 InBody만의 아이콘을 제작하였습니다.
다양한 정보를 아우르는 UI
InBody의 방대한 정보와 제품을 위한 공통적인 가이드가 필요하였습니다.
통일된 그리드와 컴포넌트를 활용하여 UI 가이드를 제작하였습니다.
편의성을 이해한 UX
반응형웹을 제작할 때 중요한 것은 모바일까지 고려해야 한다는 것입니다.
전체 그리드를 활용하면서도 어떤 디바이스에서든 적용될 수 있도록 편의성 및 접근성을 높였습니다.
InBody LATIN AMERICA
Design System
균형있는 폰트로 안정성과 진지함을 제공합니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Lato
Source sans
Color System
체성분 분석기의 대명사
인바디는 전세계 사람들이 가장 선호합니다.
히어로섹션 안에 실제 사용중인 동영상 배치
인바디 제품을 실제로 사용중인 영상을 배치시켜 타겟층의 상상을 자극시키며
하단의 검사표를 받는 경험을 홈페이지를 통해 선사해 자연스러운 스크롤을 유도했습니다.
자연스러운 문의 유도
검사표 이후 셀링포인트 (장점)을 어필해 자연스러운 문의를 유도 할 수 있도록
메인페이지 하단에 문의페이지를 배치하였습니다.
‣ Selling Point Section
‣ Subumit section
INBODY RATIN AMERICA
Subpage
PRODUCT INTRODUCTION PAGE
외국인 사용자에게 제품을 가독성있게 소개할 수 있는 2단그리드를 활용하였습니다.
‣ Product Introduction Page
COMPANY INTRODUCTION PAGE
회사의 규모를 보여주어 외국의 투자자 & 소비자들에게
인바디의 전문적인 브랜딩을 알리는 효과를 얻었습니다.
‣ Company Introduction Page
SUBMIT PAGE
직관적인 UI디자인을 활용한 문의페이지를 만들어
외국인 사용자의 사용성을 극대화시켰습니다.
‣ Product Introduction Page
INBODY RATIN AMERICA
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 문의 신청이 가능하도록 자연스러운 문의흐름을
개발하는 완벽한 반응형 대응을 진행하였습니다.
