Bon Voyage

カフェサイト制作

画像の代替テキストを入力

コーディングに苦戦しまくりました…

課題名 カフェのWebサイト制作
課題内容 クライアントから製作依頼された仕事という前提でカフェ(喫茶店)のWebサイトを作る。
クライアントの要望を理解し、目的を達成するためにはどんなWebサイトにすればよいかをよく考える。
デザインとコーディングを行い、実際にネット上で閲覧できる作品を制作する。
制作概要

    カフェについて

  • 駅からも繁華街からも離れた住宅地
  • 既存客のいない新規店
  • 想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
  • Webサイトの目的・クライアントの要望

  • 一番の目的は、店の知名度を上げて集客に繋げること
  • 地域の人たちが気軽に利用できるお店であることをアピールしたい
コンセプト 親しみやすさ、シンプルだけど遊び心のあるサイト
サイトのポイント
  • ユーザーがページ移動しやすいように写真にもボタンにもリンクを貼り付けた
  • 文字が多いページではレイアウトや文字にアーチを付けたりなどしてユーザーが読み疲れないように工夫した
  • すべてのメニューに写真を付けてイメージしやすいようにし、
    写真も角がない丸いものを選んで親しみやすさを出した
制作時間 ワイヤーフレーム 3h
デザイン 30h
コーディング 60h
制作環境 Windows/Mac
Visual Studio Code
Illustrator(CS5,CC)
Photoshop(CS5,CC)
Figma

ページトップ

© 2024 Webマーケティングデザイナー養成科 第40期生 生徒作品