플라워 / 03 / 04Seasonal Atelier Landing Page

SAISON계절의 화원

시즌 공방

계절에만 문을 여는 정원 아뜰리에

BrandingLanding PageResponsive
라이브 데모 열기
Project

시즌 한정 공방 랜딩페이지

Concept

Botanical / Kraft / Editorial

Target

감성 소비에 익숙한 30대, 시즌 상품과 원데이 클래스 수강생

Goal

지금이 아니면 없다는 시즌 서사로 문의와 클래스 신청을 모으는 것

Main Visual

Desktop

스크린샷이 아니라 실제 페이지를 1440px 화면 그대로 띄운 미리보기입니다. 프레임을 누르면 페이지가 열립니다.

saison.kr
Responsive

Desktop · Tablet · Mobile

같은 페이지가 화면 크기에 따라 어떻게 접히는지 보여 줍니다. 손님 대부분은 휴대폰으로 보기 때문에, 모바일에서 먼저 확인하며 만듭니다.

Tablet · 834px
Mobile · 390px
Mobile

휴대폰에서 보는 주요 화면

Hero패럴랙스 정원 사진
Contact오픈 알림 신청
Key Sections

페이지를 이루는 화면

각 항목을 누르면 데모의 해당 섹션으로 바로 이동합니다.

  1. 01Hero패럴랙스 정원 사진
  2. 02Atelier공방과 계절 이야기
  3. 03Shop시즌 부케 라인업
  4. 04Season월별 운영 캘린더
  5. 05Contact오픈 알림 신청
Design System

색 · 타이포 · 컴포넌트

섹션마다 색을 새로 고르지 않습니다. 다섯 개의 색과 두 개의 서체를 정해 두고 페이지 전체를 그 안에서 만듭니다.

Color
#EFE8DA크라프트 페이퍼
#D5CAB2리넨
#7B8A67가든 그린
#C39C99드라이 로즈
#35372E딥 올리브
Typography

Flower & 꽃

Cormorant Garamond Display

가장 좋은 계절에, 가장 좋은 꽃으로 만듭니다.

Nanum Myeongjo · Nanum Pen Script Body

본문까지 명조로 밀어 인쇄물처럼 읽히게 하고, 손글씨는 여백의 메모로만 씁니다.

Keywords
BotanicalKraftHandwrittenSeasonal
Components
예약 문의하기둘러보기당일 배송웨딩
Signature Bouquet시그니처 꽃다발₩ 89,000
Notes

이렇게 설계했습니다

종이처럼 보이게

배경에 아주 옅은 그레인을 얹어 화면이 인쇄물의 질감을 갖게 했습니다. 사진이 적어도 화면이 비어 보이지 않습니다.

운영 캘린더가 곧 상품 설명

월별로 무엇을 파는지 보여주면 지금 주문해야 하는 이유가 저절로 생깁니다.

닫혀 있을 때도 연락처를 받습니다

시즌이 아닐 때도 오픈 알림을 신청할 자리를 두어, 다음 오픈에 바로 연락할 수 있게 했습니다.

종이 그레인패럴랙스 히어로아치 프레임Cormorant × Nanum Myeongjo × 손글씨

이런 홈페이지가 필요하신가요?

업종과 원하는 분위기만 알려 주시면 방향부터 함께 잡아 드립니다.

제작 문의하기