포트폴리오 로고

국내 1위 체성분 분석 기업, 인바디 다국어 홈페이지 리뉴얼

RenewalWebsite

인바디 라틴아메리카 리뉴얼 프로젝트

다국어 홈페이지의 경우 외국인 사용자들의 UX디자인을 고려하여 가독성을 매우 높였어야 했습니다. 긱다이브는 직관적인 UI디자인과 불필요한 텍스트를 전부 제거하는 기획을 진행하였고 외국인 사용자로 하여금 인바디 체성분기계의 장점들을 알기 쉽게 UI디자인을 구축해 이탈률을 개선하였습니다. 워드프레스의 장점을 활용해 손쉬운 관리자페이지도 함께 개발해 나갔습니다.

Startegy

직관적인 아이콘

콘텐츠를 직관적으로 이해할 수 있도록 InBody만의 아이콘을 제작하였습니다.



다양한 정보를 아우르는 UI

InBody의 방대한 정보와 제품을 위한 공통적인 가이드가 필요하였습니다.
통일된 그리드와 컴포넌트를 활용하여 UI 가이드를 제작하였습니다.



편의성을 이해한 UX

반응형웹을 제작할 때 중요한 것은 모바일까지 고려해야 한다는 것입니다.
전체 그리드를 활용하면서도 어떤 디바이스에서든 적용될 수 있도록 편의성 및 접근성을 높였습니다.

Project

검사표 이후 셀링포인트 (장점)을 어필해 자연스러운 문의를 유도 할 수 있도록 메인페이지 하단에 문의페이지를 배치하였습니다.

포트폴리오 프로토타입 GIF

INBODY

완벽한 WEB / MOBILE 반응형 대응

모바일에서도 문의 신청이 가능하도록 자연스러운 문의흐름을 개발하는 완벽한 반응형 대응을 진행하였습니다.

Masonry 레이아웃 이미지 1
Masonry 레이아웃 이미지 5
Masonry 레이아웃 이미지 2
Masonry 레이아웃 이미지 6
Masonry 레이아웃 이미지 3
Masonry 레이아웃 이미지 7
Masonry 레이아웃 이미지 4
Masonry 레이아웃 이미지 8
Typography

Aa

Source Sans Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Aa

Lato

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Color System

Brand

#971B2F

Sub

#D6D6D5

Sub

#252525

Bg

#F4F4F4

상담만 받아보셔도 좋습니다 긱다이브의 상담으로 업체 비교를 시작해보세요

CONTACT US