おにぎりとパン

カフェサイト

SITE
カフェサイトTOPページ カフェサイトレスポンシブTOPページ

レスポンシブ対応が難しかったです。

課題名 カフェサイト
課題内容
  • ・「was cafe」のWebサイトを新規で制作する
  • ・店舗は駅からも繁華街からも離れた住宅街にオープンする
  • ・初めてサイトを訪れた人が見やすく迷わない構成・デザインがいい
  • ・地域の人たちが気兼ねなくお店に行ってみたくなるような雰囲気にしたい
  • ・写真は配布されたデータを使用
  • ・トップページ、コンセプトページ、メニューページを作成し、それぞれ指定された原稿の内容をすべて記載する
制作意図 住宅街の中にオープンする、また新規のお客様が気兼ねなく訪れることのできるカフェと いうことで、温かみやナチュラル感を意識して作成しました。
写真には暖色系を主に使用し、その差し色としてキーカラーには青を設定しました。
冷たい 印象にならないよう彩度を下げ、寒色ですが温かさを感じられる色を設定しました。
また、ナビゲーションを追従にすることで見たい情報へのアクセスを容易にしました。
サイト内の導線は売りであるメニューへ繋げるものを多く配置し、集客に結びつくように しました。
レスポンシブにも対応させることで、スマートフォンをよく使用する客層の使いやすさにも 配慮しました。
制作時間 ラフ1時間/デザイン約20時間/制作約30時間
制作環境 Windows・Brackets
制作時期 2019年12月