Web Design · Fashion E-commerce
Editorial E-commerce for a Fashion Brand
브랜드의 감도와 상품 탐색을 하나의 에디토리얼 흐름으로 연결한 패션 이커머스 웹사이트.
Concept Project — HUMAGENT LAB의 웹사이트 구축 역량을 보여주기 위해 자체 기획한 프로젝트입니다.
Considered pieces.
An enduring wardrobe.
Elevate the everyday with a more intelligent wardrobe.
New ArrivalsThe Neutral Edit
Best SellersIndustry
Fashion · Direct-to-Consumer
Project Scope
Commerce Strategy · Editorial UI · Responsive Development
ART DIRECTION
브랜드의 성격이 화면에서 느껴지도록
절제된 흑백 인터페이스, 넓은 이미지, 작은 타이포그래피와 얇은 경계선을 사용해 제품과 소재가 중심이 되는 조용한 브랜드 경험을 설계했습니다.
Core page system
CONCEPT BACKGROUND
왜 이 웹사이트를 설계했는가
지속 가능한 패션 브랜드가 시즌 캠페인과 상품 판매를 분리하지 않고, 하나의 일관된 디지털 경험으로 보여주고자 하는 상황을 바탕으로 자체 기획했습니다.
이 프로젝트는 실제 고객 의뢰나 가상의 성과 사례가 아닙니다. 특정 고객을 전제로 문제를 꾸미지 않고, 해당 업종에서 유효할 수 있는 제작 접근을 탐구했습니다.
OBJECTIVES
목표
- 캠페인 이미지에서 상품 탐색으로 자연스럽게 연결
- 데스크톱과 모바일에서 일관된 브랜드 감도 유지
- 상품 정보와 구매 행동을 명확하고 간결하게 제공
APPROACH
접근 방식
- 01브랜드 메시지 → 컬렉션 → 상품 → 에디토리얼 순서로 랜딩 구조 설계
- 02상품 목록과 상세 화면에 동일한 그리드·타입 시스템 적용
- 03원본 레퍼런스의 라이선스를 존중해 브랜드와 이미지 자산을 독자적으로 제작
DELIVERABLES
제작 결과물
콘텐츠 구조
반응형 UX/UI
상품 목록
상품 상세
저널
스토어 안내
Next.js 구현
MAKING PROCESS
디자인 및 제작 과정
- 01
Curate
브랜드 무드와 상품 탐색의 우선순위를 정리했습니다.
- 02
Compose
이미지, 여백, 상품 정보를 하나의 에디토리얼 리듬으로 구성했습니다.
- 03
Build
목록과 상세를 포함한 반응형 쇼핑 경험으로 구현했습니다.
YOUR PROJECT
다음 프로젝트는 당신의 목표에서 시작합니다.
아직 범위가 명확하지 않아도 괜찮습니다. 목표와 현재 상황을 알려주시면 가장 적합한 시작점을 함께 찾겠습니다.