Kobo Coffee Opening Page.

これは何か

Overview.

実在の店舗案件ではありません。実店舗の出店告知のように「公開期間が決まっている・目的が1つしかない」LPの設計練習として、架空のコーヒー焙煎所「Kobo Coffee Roasters」を題材にしています。

課題設定

The Problem.

複数ページのコーポレートサイトではなく、「オープン日を知らせて、初日に来てもらう」ことだけに特化したLP。情報量を絞りすぎると味気なく、盛り込みすぎるとオープン日という本来の主役がぼやける、というバランスを検証しました。

設計の意図

Design Intent.

• ファーストビューは「オープン日・場所・地図」の3情報だけに絞った
• こだわりの説明(豆の仕入れ方針など)は、オープン日情報より後ろに配置した
• SNS(Instagram)への導線をフッターではなくヒーロー直下に置き、事前のフォロー行動を作る設計にした

工夫した点

Craft Notes.

営業時間や住所などの店舗情報は、実装上は1箇所のデータから複数セクションに展開する構成にしています。実案件で住所や営業時間の変更が発生した際、修正箇所を1つに抑えるための設計判断です。