こちらは、お洒落なカフェをイメージして作成したサンプルサイトです。
海外風の大胆なデザインを意識し、雰囲気をしっかり伝えることを重視して仕上げました。
トップページのみの制作となりますが、デザインのご参考にしていただければ嬉しいです。
デザインのポイント
- メインビジュアルには、店名を思い切ったサイズで配置。
PCでは中央に、スマホでは右揃えにしています。
※右揃えは遊び心を出せる反面、読む環境によっては見づらくなることもあるため、使う際はバランスを考えると◎。 - 見出しは「Why so cozy?」など、遊び心あるテキストを大胆に配置。PCでは中央揃え、スマホではあえて左右にずらして、動きや個性を演出しています。
- メニュー表示はタブ切り替え式でスッキリと。
テイクアウトメニューは英語表記で統一し、海外カフェの雰囲気を全面に出しました。
※今回はデザイン優先で英語のみとしていますが、ターゲットによっては日本語を補足することで伝わりやすさがアップします。 - サイト全体としては、あえて説明を控えめにし、雰囲気や写真から「行ってみたい」と思ってもらえるようなデザインを目指しました。
お洒落に見せるために大切なこと
高価なオリジナルデザインでなくても、タイトルの大きさや配置、フォントの選び方、写真の雰囲気で印象は大きく変わります。
思い切った見せ方が、印象に残るサイトをつくるきっかけになることも。
「こういう見せ方もアリかも？」という参考になればうれしいです☺
サンプルとして短期間で制作したものですが、雰囲気や構成のご参考になればぜひご覧ください。
全体デザインが気になる方はこちら
