어퍼웨스트 · 사이트 리뉴얼 시안

디자인
시안

어퍼웨스트 사이트 개편을 위한 시안입니다. 기존 시안 1종 + 신규 3종, 총 네 가지를 비교해 보실 수 있습니다. 카드를 선택하면 전체 화면으로 확인할 수 있고, 보는 중에는 좌측 하단의 ‘← 목록’ 버튼으로 언제든 이 화면으로 돌아올 수 있습니다.

기존 1 + 신규 3안 모노톤 디자인 시스템 Phase 1 · 홈 / 리스트 / 상세 / 소개
기존 · CURRENT

기존 시안 (현재 라이브)

Current · Phase 1 prototype

지금 라이브에 올라가 있는 Phase 1 시안. 좌측 고정 사이드바 내비게이션과 에디토리얼 타이포 히어로로 구성된 안입니다.

사이드바 내비에디토리얼홈 / 원두 / 상세 / 소개
전체 화면으로 보기
DESIGN 01

풀 사이트 · 3 디렉션

Full site · 5 pages

Blue Bottle 구조를 미러링한 풀 사이트 시안. 홈 3개 방향에 더해 리스트·상세·쇼룸·소개까지 5개 페이지를 모두 담았습니다.

보수적에디토리얼실험적5 페이지
전체 화면으로 보기
DESIGN 02

홈페이지 · 3 디렉션

Homepage · 3 directions

모노톤 디자인 시스템 위에서 홈페이지 한 장을 보수적·에디토리얼·실험적 세 가지 톤으로 풀어낸 비교 시안입니다.

보수적에디토리얼실험적홈 단일
전체 화면으로 보기
DESIGN 03

Le Labo 구조 · 반응형 홈

Le Labo-structured · responsive

프로모 바·스티키 헤더·풀블리드 히어로 타일·카탈로그 그리드로 구성한 반응형 단일 홈페이지. 화면 크기에 맞춰 유연하게 반응합니다.

반응형히어로 타일스티키 헤더홈 단일
전체 화면으로 보기