플러스프로젝트 배경
- 문제점: 하이엔드 브랜드 사이트는 정보 전달보다 무드와 신뢰가 우선인데, 모션을 과하게 쓰면 오히려 격이 떨어지고 가볍게 보입니다. - 프로젝트 목표: 컬렉션을 천천히 음미하게 만드는 룩북 경험과, 브랜드 철학이 자연스럽게 읽히는 스토리텔링 동선을 만드는 것이 목표였습니다. - 주안점: 어두운 톤·세리프 타이포·넉넉한 여백을 기준 삼아, 스크롤에 따라 콘텐츠가 조용히 드러나는 절제된 모션으로 일관성을
프로젝트 성과
브랜드 무드 일관성
컬러·타이포·여백 규칙을 토큰으로 묶어 모든 화면에서 하우스 정체성이 흔들리지 않게 유지했습니다.
룩북 몰입 경험
룩 그리드와 캡션, 스크롤 연동 등장 연출로 카탈로그를 "넘겨 보는" 감각을 웹에서 재현했습니다.
체류 시간 중심 설계
빠른 전환보다 천천히 머무는 흐름을 의도해, 브랜드 노출 시간을 늘리는 구조로 구성했습니다.
모션 성능 관리
GSAP·Lenis 모션을 가시성 기준으로 제어해 무거운 연출에도 스크롤이 부드럽게 유지되도록 했습니다.
핵심 기능
풀스크린 히어로
컬렉션 키비주얼과 브랜드 로고를 결합한 첫인상 화면
진행 단계
기획·리서치
2025.10.
메종 브랜드 톤 정의, 룩북 구성과 카피 방향, 모션 무드 레퍼런스 정리
프로젝트 상세
1) 포트폴리오 소개 파리를 콘셉트로 한 프리미엄 메종 브랜드 Maison Éclat의 브랜드·룩북 사이트입니다. 첫 컬렉션 "Éclat noir"를 중심으로 시그니처 제품과 룩을 보여주며, 럭셔리 뷰티·패션 소비자가 메인 타깃입니다. 어두운 배경 위에 세리프 타이포그래피와 절제된 모션으로 하우스의 무드를 전달합니다. 2) 작업 범위 브랜드 스토리 구성, 화면설계, 룩북 큐레이션, UI/UX 디자인,
