브랜드 이야기가 더 잘 전해지도록, 스타벅스 시즌 랜딩 리디자인
프로젝트 개요
스타벅스의 시즌 캠페인은 단순한 프로모션이 아니라 정성 들여 만든 브랜드 경험입니다. 이 프로젝트는 시즌 랜딩 페이지를 시즌 분위기, 브랜드 스토리, 기기별 사용자 여정이 하나로 이어지는 경험으로 다시 설계했습니다.
- 프로젝트 유형
- 개인 프로젝트
- 기간
- 3주
- 역할
- UX/UI 디자인
- 툴
- Figma
단순한 그리드에서 시즌 경험으로
Before
After
현재 문제
단순한 그리드, 약해진 브랜드 이야기
기존 스타벅스 랜딩 페이지는 같은 2단 그리드 구조를 반복해서, 브랜드 경험을 깊이 있게 전하지 못했습니다.
시장 조사
화면 밖에서 시즌 아이덴티티는 어떻게 표현될까
스타벅스의 시즌 아이덴티티는 디지털 화면을 넘어 제품, 패키지, 공간, 매장 경험까지 이어집니다. 온라인과 오프라인 접점에서 시즌 아이덴티티가 어떻게 표현되는지 살펴봤습니다.
경쟁사 조사
경쟁사는 브랜드와 시즌을 어떻게 전할까
주요 커피 브랜드들이 랜딩 페이지에서 브랜드 가치, 제품, 시즌을 어떻게 전하는지 비교해, 강점과 한계, 차별화할 기회를 찾았습니다.
디자인 목표
지표 인사이트에서 균형 잡힌 개인화 디자인 방향으로
브랜드 가치와 마케팅 요소의 균형을 맞추면서, 캠페인 중심 콘텐츠를 넘어 개인화된 시즌 스토리를 전할 수 있도록 디자인 방향을 정했습니다.
핵심 과제
랜딩 페이지에서 브랜드 스토리를 어떻게 더 강하게 전할 수 있을까요?
해결책
정보 중심 구조에서 경험이 이끄는 흐름으로
새 경험은 시즌의 감성으로 시작해 사용자를 브랜드 스토리로 이끕니다. 시즌, 브랜드 철학, 사용자 경험이 하나의 흐름으로 이어지도록 페이지 구조를 다시 짰습니다.
그리드 시스템
일관되고 확장 가능하게
데스크톱 (1440px)
12칼럼, 마진 143px, 거터 20
태블릿 (874px)
8칼럼, 마진 24px, 거터 20
모바일 (375px)
4칼럼, 마진 16px, 거터 20
반응형 웹 디자인
데스크톱, 태블릿, 모바일에 맞춘 레이아웃
데스크톱 (1440px)
태블릿 (874px)
모바일 (375px)
