サイト制作

ワズカフェ(wascafe)サイトのファーストビュー
ワズカフェ(wascafe)サイト
課題名 カフェサイトの制作
課題内容
  • 架空案件
  • クライアントから製作依頼された仕事という前提で、カフェ(喫茶店)のWebサイトを作る。目的を達成するためにどんなWebサイトにすればいいのか、よく考える。
  • 【目的】
  • 店の知名度を上げて集客に繋げること
  • 地域の人が気軽に利用できるお店であることを周知すること
コンセプト
  • 【カフェについて】
  • 店舗は、天白区植田に2024年7月6日にオープンする「ワズカフェ(Was Cafe)
    ※店名はひらがなや漢字でもOK、「カフェ」を「喫茶」にしてもOK。
  • 駅からも繁華街からも離れた住宅地
  • 既存客のいない新規店
  • 想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
制作意図
  • 男女問わず、子供からお年寄りまで幅広く、優しさと幸福感がカフェと伝わるデザイン
  • HPは温かみがありつつ、どこか懐かしさを感じるデザインにして、幅広い年代に愛される色にしました。
  • ロゴ
  • 【ウサギ】幸福、商売繁盛、とんとん拍子にうまくいくで、新規オープンがうまくいきますようにと願いを込めました。
  • 【カタバミの花】優しい空間を提供したいとあったので、コーヒーカップの柄に、花言葉が優しさのカタバミを採用
  • 【コーヒーカップ】カフェと分かるようにウサギをカップの中にいれて可愛らしいデザインに
  • 【フォント】可愛らしくするために創英角ポップ体を採用
  • デザインカンプはこちら
  • 作成したHPはこちら
制作時間 ワイヤーフレーム:10h
デザイン:25h
コーディング:80h
制作環境 Illustrator(CC)
Photoshop
Visual Studio Code
感想 ホームページを作るのは初めてだったので、とても苦戦しましたが何とか完成しました。 ワイヤーフレームまでは、早かったのですが、デザインで写真など入れてみると、思ったより見ずらい点が多くそこから修正に時間が取られました。 コーディングも、1からやるとなると話が違って、何をやったら正解なのかとても時間をかけながら、完成しました。 デザインや余白の取り方など、終わってみるとまだまだ課題が多くサイトのデザインは、考えるのは難しいと感じました。 しかし、いろんなサイトを見るときの見方がやはり変わって、とても良い経験になりました。

ページの先頭に戻る

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