トップにもどるボタン

#website

古民家カフェ田中家

direction / design

田中家のモックアップ
概要
古民家を改装した架空カフェサイトです。制作初期にデザインしたものをベースに 半年間の学習を経て、同じ素材を用いて再デザインし 自身の成長や設計の変化が分かるよう比較してみました。
ターゲット
忙しい日々に疲れて癒しを求めている人。
目的
Instagramや食べログ、GoogleMapでは伝わりにくいお店の世界観や価値を自分たちの言葉で伝え来客に繋げること。価格や評価ではなく共感で選んでもらうこと。
情報設計
ターゲットは癒しを求めている人なので「考えさせない」「迷わせない」を意識しました。コンテンツは必要最低限に整理し来店に必要な情報だけを迷わず確認できる導線を設計しました。ハンバーガーメニューの下にメニューと表記することでお店の丁寧さを表現しました。また店主のブログを「店主のひとりごと」とあえて言い換えることでお店の世界観につなげました。
デザイン
古民家の温もりや木の質感を生成色で表現し、背景に和紙のテクスチャを加えることで「和」の雰囲気を演出しました。 余白を多く取ることで、時間がゆっくり流れる古民家カフェらしい穏やかな空間を表現しました。 予約ボタンは固定表示にしつつ、淡いグリーンを使うことで癒しを求めるユーザーの心理に配慮し、行動を促しながらも圧迫感を与えないデザインにしました。
メインカラー
サブカラー
ベースカラー
テキストカラー
製作期間
企画 / 情報設計 / WF
デザイン
3日
4日
使用ツール
Illustrator / Photoshop / Figma
( 制作初期のデザイン )
制作初期の田中家パソコントップページ
(学び後のデザイン )
半年学んだ後の田中家パソコントップページ
  
 

次の作品を見る