HOME > 制作事例:カフェ・製菓 サイトデザイン
カフェ向けに制作した、商品情報とLINE導線を整理したホームページデザイン

「しっぱいしたって、だいじょうぶ。」からはじまる、やさしいカフェサイト

「しっぱいしたって、だいじょうぶ。」という言葉に込められた思いを軸に、お店のやさしさや背景が自然に伝わるホームページを制作しました。
写真、言葉、余白、色合いを通して、手づくりのあたたかさや、お店の空気感が伝わることを大切にしています。
あわせて、商品情報、店舗情報、予約やギフト相談への流れも整理し、訪れた人が迷わず必要な情報へ進めるように整えました。

このサイトでは、やさしさや手づくり感といったお店らしさを大切にしながら、実際に見に来た人が使いやすいことも意識しました。

「どんなお店なのか」を感じてもらうこと。
そして、「行ってみたい」「贈りものとして相談したい」と思ったときに、迷わず次へ進めること。
その両方が成り立つように構成しました。

また、予約やギフト相談、問い合わせはLINEを中心にまとめています。
普段から使いやすい連絡手段にそろえることで、気になったときに相談しやすい流れにしました。

ページ全体は、まずお店の空気感を感じてもらい、次に背景や商品を知り、最後に来店や相談へ進める流れで構成しています。

ファーストビューでは、写真とコピーでお店の雰囲気を伝え、続くストーリーでは、ブランドの背景や大切にしている考え方を紹介しています。詳しい内容はアコーディオン形式にし、読みたい方が自分のペースで深く読めるようにしました。
商品紹介では、チョコレート、焼き菓子、コーヒーそれぞれの魅力が伝わるように整理しています。
カフェへの来店を希望される方、ギフトとして選びたい方にもイメージしやすいよう、見せ方や言葉を整えました。

さらに、店内の様子や来店時の印象、店舗情報を通して、実際に訪れる場面が想像しやすくなるようにしています。

行動の最後は、LINEでの予約・ギフト相談・問い合わせにつながる構成にしました。
「気になる」で終わらず、次の一歩へ進めるように整えています。

こちらのクライアント様のほかの制作事例はこちら↓

スペック
業種/サービスカフェ/菓子製造
制作内容Webサイト制作(STUDIO)
制作範囲・要件整理・情報設計・ワイヤーフレーム作成
・デザイン制作(PC・スマートフォン、英語ページ対応)・ライティング
・LINE導線設計(予約・ギフト相談・問い合わせ)
・検索パフォーマンス計測環境の設定(Google Search Console)