Mattun

サイト構成

• ファーストビュー

  駅直結という立地や「やさしさ」をテーマにしたカフェの世界観を伝えるため、
  ファーストビューは写真とコピーのみで構成。
  余白を活かしたレイアウトと落ち着いた配色で、
  慌ただしい日常の中にある“やさしい時間”を演出しました。

  

  

• メニュー

  3つのメニューに込めた「やさしさ」を丁寧に伝えるため、商品写真とテキストを組み合わせたシンプルな構成に。
  見出し・価格・説明文をブロック化し、視線の流れがスムーズになるよう意識しました。

  

  

• レビュー

  実際にカフェを訪れたお客さまの声を紹介するセクション。
  人物と共に感想を掲載することで、利用シーンを具体的にイメージしやすくし、
  「自分も行ってみたい」と思えるような構成にしています。

  

  

• Q&A

  初めて訪れる方の不安を和らげるために、よくある質問をまとめたセクションを設置。
  「Q.」と「A.」を見やすく配置し、アコーディオン機能でクリックすると回答が開く仕様にすることで、
  スムーズな情報取得と省スペースの両立を実現しています。