자기계발 분야 전문 컨설팅 기업,
30스텝 쇼핑몰 개발
BUILD
WEB / MOBILE
30스텝 쇼핑몰
쇼핑몰 서비스 개발
- Client
- 30스텝 쇼핑몰
- Date
- 2022. 02 - 2022. 04
- Type
- 쇼핑몰, 워드프레스, 반응형 구축
Overview
30스텝 쇼핑몰 구축의 최상위 목적은 “편한 UX플로우 설계”였습니다.
30스텝 쇼핑몰의 경우 굿즈를 판매하는 서비스로 30스텝 LMS강의를 들은 유저들을 최우선적으로 고려해야했기 때문에 마케팅의 흐름이 아닌 쇼핑몰내의 유저플로우 설계를 먼저 고려해야했습니다.
그 결과 클라이언트 및 클라이언트의 타겟층 니즈를 전부 달성할 수 있게 되었습니다.
Goal
편한 UX플로우 설계
UI/UX Strategy
여백을 통한 깔끔한 UI
사용자 경험을 최상으로 높이고 콘텐츠의 주목성을 높일 수 있도록
여백을 사용하여 깔끔한 UI을 제작하여 가시성을 높였습니다.
깔끔한 톤앤매너
다양하고 복잡한 정보는 사용자에게 혼란을 줄 수 있기 때문에
브랜드 컬러에 맞춰 컬러 시스템을 적용하여 눈의 피로를 줄이고 신뢰도를 높였습니다.
정돈된 레이아웃
신뢰감과 전문성을 전달하기 위해 도전적인 레아아웃을 적용하기 보다
정돈되고 수평적인 그리드를 사용하였습니다.
30스텝 쇼핑몰
Design System
단순하고 직선적인 형태로 글줄을 가지런하게 만들어 깔끔하고 정렬된 느낌을 주며,
친근하고 자연스러운 인상을 가진 서체를 사용했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Spoqa Han Sans Neo
Spoqa Han Sans Neo
Color System
인생이 바뀌는 “30단계”로
눈부신 발전이 가능합니다
고객의 편리한 구매를 돕는 UI디자인
상품 이미지들을 깔끔하게 정돈시키는 UI디자인으로
방문 고객의 구매 장벽을 한결 낮추었습니다.
30스텝 쇼핑몰
Subpage
PRODUCT PAGE
상품에 대한 구매저항을 상세페이지 안에 있는
다양한 이미지와 상품 소개 섹션을 통해 해소시켰습니다.
‣ 상품 페이지
NOTICE PAGE
홈페이지 방문자들에게 새로운 소식이나 알림 등을 확인할 수 있는 페이지입니다.
‣ 공지사항 페이지
REQUEST PAGE
홈페이지 사용자들이 궁금하거나 개선 사항이 있을 때
남길 수 있는 문의하기 페이지입니다.
‣ 문의하기 페이지
30스텝 쇼핑몰
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 웹과 동일한 경험이 가능하도록 완벽한 반응형 대응을 진행하였습니다.
