クライアントワーク

cafeねこぱんのWebサイト

Design / Coding

cafeねこぱん様のサイトリニューアルを手がけました。

Url : https://cafe-nekopan.rika-tachibana.site/

※レスポンシブ未実装です

ターゲット

・カフェ巡りが好きで、雑誌やSNSなどの情報にも敏感な方
・ドライブや観光で周辺を訪れた方
・20代〜50代の女性

目的

遠方からの集客と、ネット注文の件数増加

課題

・ベーグルが看板商品であることがトップページから分かりにくいサイトになっている
・ネット注文までもう一段階スムーズに辿り着けることが望ましい
・商品一覧に写真がなく検討材料が少ないことから購入まで繋がりにくい

情報設計

食材選びや空間づくりに対してのこだわりをターゲット層に訴求するために、コンセプトには「無添加」や「オーガニック」など特に女性が気になりやすい単語を取り入れました。写真をきっかけにサイト内回遊に繋がるよう、写真付きのニュースセクション、リンク付きで大きめの写真を使用したフェイスブックのスライダーを設置しました。また、課題点だったネット注文に関しては、商品ごとの写真と説明も設けることでより分かりやすく、購買に繋がりやすい設計にしました。

デザイン

カフェの雰囲気がイメージしやすいように、ファーストビューからコンセプトのセクションにかけて大きく写真を使用しました。店内写真に関しては、空間を感じていただけるよう幅いっぱいに配置しています。加えて、外からカフェを覗いているような印象を与えたかったので、背景を固定しセクションの隙間から覗くようなデザインにしました。また、緑が豊かな地域にあること、ゆっくり休めるお店にしたいという店主の想いから安心感や自然を感じるグリーンをベースカラー、フォントにブラウンを使用。優しく落ち着いた印象に仕上げるためトーンはペールやライトグレイッシュのカラーを使用しました。

制作範囲・期間

企画・ワイヤーフレーム : 4日
ヒアリング : 1日
デザイン : 2週間
コーディング : 2週間