カフェホームページ

  • https://easylifecafe.com
  • ホームページ作成ツールで作成したページからのリニューアル
  • HTML+CSS+jQuery(一部instagram掲載用にPHP使用)
  • レスポンシブデザイン(PC、スマホ用にデザイン:掲載はPC版です)
  • バイリンガル対応(デザイナーにて翻訳後ネイティブチェック)
  • 2020/1月作成

担当

ヒヤリング、ディレクション、情報整理、ライティング、デザイン、コーディング、ドメイン取得、サーバ設定等

point

ターゲット:20-80代までジェネラルに。外国のお客様も多い
→英語ページを専用に作成、文字サイズ小さすぎないように。
 メニューボタンやTOPに戻るボタンを大きく入れシニアもわかりやすく

カフェの雰囲気:「カジュアル、手作り、オーガニック」
→マスコットくんを主役に手書きモチーフを使用。
 カフェカラーと遊ゴシックフォントで温かみのある雰囲気に

訪問者の導線

  • ファーストビュー:カフェの雰囲気をひとめに凝縮
  • 料理写真切り抜きで世界観が広がる
  • 完結なコンセプトから一番訴えたい「こだわり」のページに誘導
  • メニューボタンで構成をわかりやすく表示
  • facebook埋め込み→メンテナンスフリーで最新情報表示
  • instagram自動更新でライブ感を出す
  • フッターリンクで回遊率UPを意図しています。