국내 최초 해충 억제 필름 판매기업,
다우테크 쇼핑몰 제작
BUILD
WEB / MOBILE
다우테크
쇼핑몰 제작 프로젝트
- Client
- 다우테크
- Date
- 2021. 10 - 2021. 11
- Type
- 창업패키지, 쇼핑몰, 워드프레스, 반응형 구축
Overview
다우테크의 최상위 홈페이지 목적은 “폭발적인 상품 구매” 이었습니다.
다우테크 상품의 타겟층의 경우 50 – 60대 연령층으로 타겟층에 맞는 글자크기 등 사용자 경험
(UX디자인)을 가장 우선적으로 신경쓰며 작업을 진행하였습니다.
또한 템플릿형 UI디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
폭발적인 상품 구매
UI/UX Strategy
반응형 웹
반응형 웹에 최적화된 레이아웃과 그리드를 사용해
다양한 환경에서 사이트를 이용할 수 있도록 사용자 편의를 고려하여 제작하였습니다.
정보를 전달할 수 있는 UI
상품, 후기, 성적서 등의 많은 경험을 직관적으로 전달할 수 있도록
정보의 중요도를 정리하고 그에 맞게 Color & UI 가이드를 제작하였습니다.
부드러운 인터랙션
사용자의 스크롤에 따라 자연스럽게 움직일 수 있도록 인터랙션을 적용하였습니다.
다우테크
Design System
다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Spoqa Han Sans Neo
Spoqa Han Sans Neo
Color System
병해충에 지친 당신에게
지금 당장 필요한 것은?
홈페이지 사용자에 맞는 UI디자인
다우테크 필름을 구매하는 사용자는 40-60대 이었기에
폰트의 크기를 28px에서 40px로 확대하여 보기 쉽게 표현하였습니다.
구매저항을 감소시키는 FUNNEL 기획
다우테크만의 기술력, 실제 고객들의 영상을 호라용해
홈페이지 사용자의 구매저항을 감소시켜 필름 구매율을 올렸습니다.
‣ 셀링포인트 섹션
‣ 고객영상 섹션
다우테크
Subpage
PRODUCT PAGE
상품페이지안에 해시태그 기능을 활용하여
필름을 잘모르는 타겟층의 선택을 도와주는 역할을 하여 구매증가를 기대하였습니다.
‣ 상품 페이지
COMPANY INTRODUCTION PAGE
다우테크 회사의 비전을 소개하여
홈페이지 사용자가 신뢰성을 얻도록 기획하였습니다.
‣ 회사소개 페이지
다우테크
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 상품구매가 가능하도록 만들었습니다.
