Sweets Shop / Instagram First

PÂTISSERIE LUMIÈRE

“日常に、ひとさじのご褒美を。”

5万円からはじめられる、スタータープランのサンプルです。
写真の空気感とInstagram導線を活かし、 “見た瞬間に雰囲気が伝わる”構成を整えました。
小さく始めて、しっかり伝わる。そんな店舗サイトの形です。

  • Photo First
  • Instagram
  • ¥50,000 Starter
PÂTISSERIE LUMIÈRE トップ画面のスクリーンショット
Top / PC
担当
情報設計 / デザイン / 実装
目的
写真の空気感を活かしつつ、来店前の安心感を伝える
制作
HTML / CSS / 軽いJS
構造
雰囲気が先に伝わる
Hero→Menu→Accessの順で自然に理解できる構成に。
体験
ご褒美感のある余白
やわらかいトーンと余白で、上品さを静かに演出。
導線
Instagram連携
更新性の高いSNSへ自然に接続し、接点を強化。

やさしさが、伝わる前に届く。

Overview

このサイトは、5万円から制作できるスタータープランのサンプルとして設計しました。
「まずは小さく始めたい」「最低限でもちゃんとしたサイトが欲しい」 そんな店舗オーナーのための入口となる構成です。
写真の魅力を中心に据えながら、情報が迷子にならない構造に整え、 “雰囲気 → 商品 → 来店”の流れを自然に設計しています。

Challenge

スイーツ店は写真の魅力が強い一方で、 「雰囲気だけで終わる」サイトになりやすいのが課題です。
世界観を壊さずに、商品や店舗情報へしっかり導くバランス設計が求められました。

Solution

  • ヒーローで世界観を伝えたあと、自然にメニューへ視線が流れる構成に設計。
  • 写真のトーンと余白を揃え、やさしい印象を崩さないビジュアル設計。
  • Instagram導線をヘッダー・SPメニューに配置し、日常的な接点を強化。

Highlights

  • 写真とコピーで“ご褒美感”を直感的に伝えるHero設計。
  • 情報量を抑えつつ、迷わない導線でメニュー・アクセスへ誘導。
  • Instagram連携により、更新性と来店動機を両立。

Design

生成りとブラウンを基調に、やわらかいグラデーションと丸みで統一。 強い装飾は避け、余白・タイポグラフィ・写真の調和で“上品さ”を表現しました。
日常にそっと馴染むような、静かなデザインに仕上げています。

Screenshots

トップ画面(PC)
Hero / Top
Aboutセクション
店舗について
商品ビジュアル
人気のメニュー
レスポンシブ対応
スマートフォンにも対応

Result

5万円という限られた予算でも、 写真・コピー・導線を丁寧に整えることで、 “ちゃんと伝わるサイト”は実現できることを示したサンプルです。
スタータープランの見本として、 「まずはここから始める」という選択肢を具体的にイメージできる構成になっています。

Contact

写真の魅せ方やInstagram導線を活かした店舗サイトをご検討の方は、 まずはお気軽にご相談ください。

このテイストで作りたい方へ。
写真とInstagram導線を活かした店舗サイトを体験できます。