← Works一覧へ戻る
Cafe Harmonie サイトキャプチャ

Web Site

Cafe Harmonie

情報が分散したカフェサイトを再設計し、予約導線と回遊性を整備。

Web制作 ディレクション Direction / Design / Build

概要

架空のナチュラルカフェ Cafe Harmonie の公式サイト制作。
「香りと調和が生まれる場所。心安らぐひとときを。」というコンセプトを、Web上でも体感できる導線とトーンに落とし込みました。

ターゲット

  • 20〜40代の働く女性・カフェ好きな男女
  • オフィス街のランチ・テイクアウト需要層
  • SNSで発信する写真志向ユーザー

課題と目的

  • メニュー・スタッフ紹介・口コミ情報が分散し、魅力が伝わりづらい
  • 予約/問い合わせ導線を整理し、行動までの迷いを減らす
  • モバイルファースト設計で回遊率と滞在体験の改善を狙う

打ち手

  • 主要6ページへ最短到達できる情報構造へ再編
  • FAQと予約導線を明示して、問い合わせ前の不安を軽減
  • 温かみのある配色・余白・タイポで世界観を統一

成果(定性)

  • 閲覧時の迷いが減り、情報到達までの導線が明確化
  • 予約・問い合わせに進みやすい構成へ改善
  • モバイル閲覧を前提としたUIに刷新

使用技術・ツール

Adobe Photoshop / Canva / WordPress / Visual Studio Code

公開サイトを見る