01.
구매 과정의 최소화
불필요한 탐색 과정을 줄여 편리한 구매 경험 제공
제로랩스
휴먼그레이드 원료만을 사용하여 반려견의 건강을 책임지는 애견 간식 브랜드
사용자가 원하는 제품을 빠르게 탐색할 수 있도록 직관적인 레이아웃 구조와 정보 중심의 UI를 설계했습니다. 복잡한 구매 과정을 최소화하고, 핵심 타겟에게 편리한 구매 과정을 제공할 수 있는 이커머스 중심의 사용자 흐름으로 디자인하였습니다.
반려견 간식 브랜드에 맞게 제품 정보를 직관적으로 전달하고, 소비자의 구매 동선을 간결하게 구성하여 빠른 탐색과 구매 결정을 할 수 있도록 구현하였습니다.
캐릭터를 활용하여 제로랩스만의 친근한 분위기를 시각적으로 전달하고 소비자들의 관심과 구매 욕구를 자연스럽게 유도하기 위하여 이벤트, 쿠폰, 프로모션 배너 등의 콘텐츠를 함께 배치했습니다.
- Project
- 반려견 간식 브랜드
- Role
- Website
- Contribution
- 100%(1인 작업)
- Tools
- Figma
- Period
- 2026.04 – 2026.05
구매에 최적화된 4가지 키워드
반려견을 위한 간식 브랜드 이미지를 효과적으로 전달하기 위해 직관적인 레이아웃과 제품 중심의 콘텐츠를 배치하였습니다. 이벤트·쿠폰·프로모션 등의 요소를 함께 구성하여 쇼핑의 재미와 구매 전환율을 높일 수 있는 이커머스 환경에 적합한 UI 구조를 설계했습니다.
02.
핵심 정보 전달
제품의 특성 및 혜택을 한눈에 이해할 수 있는 구조
03.
레이아웃의 변화
시각적 지루함 최소화 및 정보의 우선순위를 고려한 구조
04.
몰입도 높은 콘텐츠
캐릭터와 프로모션 콘텐츠를 활용해 브랜드 경험 강화
가독성 높은, 프리텐다드
핵심 정보와 브랜드의 정체성을 나타내는 시각 자료를 직관적으로 전달하고, 사용자가 필요한 정보에 집중할 수 있도록 가독성이 높은 프리텐다드 폰트를 사용하였습니다.
ZEROLABS
반려견의 건강 상태를 고려한 천연 원료 레시피
BoldFont Weight
H1 H2 H3 H4 SPANHtml Tag
-2.5%Letter Spacing
48 36 34 20Font Size
ZEROLABS
반려견의 건강 상태를 고려한 천연 원료 레시피
MediumFont Weight
SUB H1 H5 PHtml Tag
-2.5%Letter Spacing
20 16 14Font Size
ZEROLABS
반려견의 건강 상태를 고려한 천연 원료 레시피
RegularFont Weight
A PHtml Tag
-2.5%Letter Spacing
28 24 20 18 16 14Font Size
전문성을 더 돋보이게
화이트 배경을 기반으로 브랜드 컬러인 그린을 사용하여 정보의 우선순위와 시선을 명확하게 구분했습니다. 밝은 화면 속에서도 컬러가 과하지 않게 기능하며, 기업의 전문성을 강조하는 정보를 보다 직관적으로 인지할 수 있도록 설계했습니다.
Hex Code:#3D6B4F
Hex Code:#262626
Hex Code:#454545
Hex Code:#666666
Hex Code:#FFFFFF
ZEROLABS MAIN PAGE
이커머스 환경의 특성을 반영하여 원하는 제품을 한눈에 파악할 수 있도록 정보의 흐름과 우선순위를 정리하고, 소비자의 구매를 유도할 수 있는 다양한 콘텐츠를 배치하고 캐릭터를 적극적으로 활용하여 시각적인 지루함을 최소화한 UI를 설계했습니다.
