2026여성 캐주얼 의류 — 자사몰
Saole
설명
여성 캐주얼 의류 — 자사몰
기간
Feb 2026
역할
- 아임웹 플랫폼 기반 웹사이트 전체 기획 및 레이아웃 디자인 구축.
- PC/Mobile 반응형 UI 프론트엔드 최적화 및 커스텀 스타일링 작업.
- 커머스 주요 카테고리 구성 및 기본 결제/배송 시스템 연동 세팅.
기술
Platform
I'mweb
Frontend
HTML · CSS (custom styling)
Design
Figma
프로젝트 목적
사오레(Saole)는 힙하고 트렌디한 무드를 전개하는 캐주얼 여성 의류 브랜드로, 아임웹 기반 자사몰을 새로 열었습니다. 두 가지가 동시에 참이어야 했습니다 — 스토어가 브랜드의 모던하고 시크한 톤을 담을 것, 그리고 실제로 전환될 것. 작업을 규정한 제약은 인수인계였습니다. 초기 단계 브랜드라, 클라이언트가 코드 에디터를 한 번도 열지 않고 혼자 운영할 수 있는 시스템이어야 했습니다.
범위
- · 아임웹 기반 자사몰(D2C) 웹 디자인 및 구축
- · 반응형 UI/UX 최적화
- · 상품 카테고리 및 프로모션 세팅
- · 커머스 기능 연동
주요 기술 특징
커머스 동선 최적화
- · 'NEW ARRIVALS', 'BEST ITEMS', 'TIME SALE' 등 구매를 직접 유도하는 기획전 섹션을 메인 페이지에 전략적으로 배치했습니다.
- · 유입된 고객이 이탈 없이 탐색·장바구니·결제로 이어지도록 구매 여정을 설계했습니다.
완벽한 반응형 웹
- · 패션 이커머스는 모바일 비중이 압도적이라, 반응형 분기점을 기본값에 두지 않고 정교하게 맞췄습니다.
- · PC·태블릿·모바일 모든 환경에서 이미지 레이아웃과 텍스트가 깨짐 없이 최적 비율로 렌더링됩니다.
브랜드 맞춤형 커스텀 스타일링
- · 아임웹 기본 템플릿을 넘어 웹폰트 적용, 세밀한 여백 조정, 버튼·호버 액션 커스텀을 반영했습니다.
- · 기성 솔루션이 강제하는 획일적인 인상에서 벗어나는 것이 목적이었습니다.
효율적인 백오피스 환경
- · 상품 카테고리 트리와 Notice·Q&A·Review 게시판 모듈을 인수인계 기준으로 체계화했습니다.
- · 신상품, 재고·품절 상태, 타임 세일 타이머까지 클라이언트가 독립적으로 운영합니다.
디자인 포인트
트렌디·미니멀리스트 미학
불필요한 그래픽 요소를 과감히 배제해, 무채색 배경과 심플한 타이포 위에서 상품의 핏과 소재 디테일이 페이지를 끌고 가게 했습니다.
직관적인 카테고리
Top·Bottom·Outer·Dress&Setup·ACC — 타겟 고객에게 가장 익숙한 GNB 라우팅이라, 쇼핑하려고 새 어휘를 배울 필요가 없습니다.
전환을 위한 시각적 위계
TIME SALE 배너와 할인율·가격의 시각적 위계를 명확히 해 프로모션 상품의 주목도를 높이고, 구매 결정을 닫는 긴장감을 만들었습니다.
프로젝트 보기웹사이트 방문 →