かふぇさいと

タップ
カフェサイトトップページ

課題内容

クライアント要望

  • 1.店の知名度を上げて集客につなげる
  • 2.地域の人たちが気軽に利用できるお店
  • 3.顧客を限定するような極端に個性的・先鋭的はものは望まない

ページ編成

トップページ、コンセプトページ、メニューページ、お問い合わせページの全4ページ

制作時間

85時間

使用アプリケーション

illustrator、Photoshop、Visual StudioCode

制作意図

カラー

コンセプトの「陽の光が満ちる明るい店内」というところから私は青空を連想させました。そのため青を基調とした サイトにしました。紺色をメインカラーにし落ち着いた雰囲気に仕上げました。オレンジをアクセントカラーにし、 めりはりをつけました。ヘッダーを固定にすると紺色が重く感じるので透明度をつけました。

全体

フッターにもナビを入れることで最後まで見て下さった方が他のページに遷移しやすくしました。トップページにも サイト離脱率を下げるためリンクをいくつか配置しました。装飾はシンプルな食べ物や星を入れすっきりとした印象 にし、見出しに葉を付けて全ページ統一感を出しました。また、トップページにはJavaScriptを複数入れ、スクロール したくなるサイトにしました。

クライアント要望に対する工夫

  • 1.店の知名度をあげるために、ロゴを工夫しました。お店を知ってくださった方が「お顔のロゴの店だよね!」と 話題に出しやすく、知らなかった方にも覚えてもらいやすいデザインです。
  • 2.サイト全体を明るくすることで、誰でも気軽に入店しやすい雰囲気を表現しました。
  • 3.空のような淡い色は若々しい印象になり顧客を限定するので、紺色を入れることで落ち着きがあり、幅広い年代 に好かれるデザインにしました。