ターゲット

20〜30代の方々。
休日にゆったりした時間を過ごしたい方々。

課題

既存サイトがシンプルな作りのため、こだわりのあるデザインへリニューアルしたい。
トップページに情報が集中しており、整理されていないため見づらい。

目的

カフェらしさをサイト全体で表現するようなデザインへ一新する。
下層ページを想定した情報設計で、ノンストレスなサイトにする。

情報設計

主なコンテンツはカフェの紹介、メニュー、サロン、貸切予約の順に配置しています。 既存サイトでは情報がトップページに集中しすぎているため、下層ページを想定した情報設計にしました。 トップページ下部に、来店時の注意事項を7つ紹介しています。

デザインプロセス

流れる時間と広い空間を表現するため、写真の配置を工夫して余白を大きく空けました。 文字のカーニングを少し大きめに空けることで、言葉に重みを持たせるよう工夫しています。 WEBサイトが縦スクロールで閲覧することを活かし、各タイトルも縦書きにすることで流れる時間を表現しています。 セクションの背景色も、落ち着きのあるパステルカラーを使用しています。 来店時の注意事項7点はアイコンを配置することで、文字のみで記載するよりもしっかりと目を通していただけると考えました。

制作期間

使用フォント

使用ツール

• Adobe Photoshop
• Figma