site title

  • top page
  • consept page
  • drink page
  • food page
  • contact page

カフェサイト制作

課題内容

カフェの情報
店舗は、天白区植田に2023年12月1日にオープン予定
駅からも繁華街からも離れた住宅地
既存客のいない新規店
競合店は、都心にも郊外にも展開するカフェチェーン
クライアントの要望
一番の目的は、お店の知名度を上げて集客につなげること
地域の人たちが気軽に利用できるお店であることをアピール

制作意図

サイトコンセプト
気軽に利用できるお店に見せるため、シンプルなデザインにした。ベースカラーを緑系(#3DC62A)にして、自然で安心できるカフェな印象を与える狙いです。また、写真を上部に大きくみせて、お店の外観や雰囲気を感じてもらうと同時に、サイトページがどういったページなのか分かりやすくしました。
他には、デザインの反復を利用して、文字を綺麗に整列して、また行間を広くして文字が見やすいようにしました。アクセシビリティをよくするためには、サイト上部に予約ボタンの設置、メイン部分のサイドとフッターにサイトマップを載せて、ページ移動がしやすくした。

制作物

  • Cafeサイト(全5ページ)
  • サイトロゴ

制作時間

  • デザイン 約48時間
  • コーディング 約31時間

制作環境

  • Illustrator  CS5
  • Photoshop  CS5
  • Visual Studio Code
  • HTML/CSS