カフェのWebサイト
- サンプルサイトの会社名、店舗名、所在地、人物名、メニューや価格などは全て架空のものです。
- また、サンプルサイトのお問い合わせフォームは見た目のみで実際の送信はできません。
- 画面内で操作できます。
デザインや実装のポイント
1カラムでサイドバーが無く、要素が縦に並ぶシンプルな構成のサイトです。縦にスクロールすると、ヘッダー部分にナビゲーションが追従して現れます。
メインビジュアルのナビゲーションはシンプルに文字だけを重ねたいけど、その他の箇所では視認性を良くしたい場合に、背景色をつけたナビゲーションを付ける、といったことができます。
お知らせはカード型表示にし、メニューはシンプルにテキスト情報のみ、メニューや店内の雰囲気は「GALLERY」の写真でイメージを膨らませてもらう設計です。
ひとつひとつの商品のビジュアルを強調するよりも、お店全体の雰囲気を感じてもらいたい場合に有効です。