見出し

Website

課題1の画像

デザインとコーディングの両方をするため、技術もセンスも求められる一番苦労した課題でした。分からないことだらけで迷子になりながら、学んだことを教科書を読み返しながら授業を思い出しながら乗り切りました。
膨大な細かい作業に終わりが見えてこずに挫折をしつつも自分の考えたデザインが実際に反映されていく過程を見ていくのは楽しかったです。
やり切った時の達成感は素晴らしく、自分の中でいい経験になりました。

課題名 飲食店(カフェ)のwebサイト制作
課題内容
  • クライアントから制作依頼された仕事という前提でカフェのウェブサイトを作る。クライアントの要望を理解し、目的を達成させるためにはどんなWEBサイトにすればよいかよく考える。
  • デザインとコーディングを行い、実際にネットで閲覧できる作品を制作
  • 天白区植田に2024年5月3日にオープン予定のカフェのWEBサイト
  • 一番の目的は店の知名度を上げて集客につなげること。また、地域の人たちが気軽に利用できるお店であることをアピールする。
コンセプト
  1. 一人で、友達同士で、家族で、誰もが気軽に行きたくなるカフェ
  2. 訪れる方の憩いの場であり、誰もがハッピーな気持ちになれる素敵な空間
  3. 想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
  4. 駅からも繁華街からも離れた住宅地にあり、既存客のいない新規店
制作意図

子どもも大人も楽しめてハッピーになれる空間を演出するために、色味は落ち着かせつつも辺りに装飾を細々と施したり、大きい見出しには崩したフォントを取り入れたりして、格式の高くなくて楽しそうな雰囲気になるようにしました。
ベースカラーが白、メインカラーをベージュにして、カフェらしくも柔らかそうな印象を与えられるように意識しました。
ホームページからすぐに気になるページに飛んでいけるようにでかでかとした写真リンクを張り付けて、ユーザビリティに配慮しました。

制作時間 ワイヤーフレーム&デザイン / 30時間
コーディング / 60時間
制作環境 figma / Illustrator(CC) / Visual Studio Code

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