Wascafe(架空の喫茶店)のホームページ作成

喫茶店ホームページ

細かな作業が多くコーディングはしんどいと感じましたが、自分の頭の中で思い描くように出力されたときはワクワクしたので、もう少し勉強してみようかなと思いました。

課題名 Wascafe(架空の喫茶店)のホームページ作成
課題内容
  • サイトマップの作成
  • フレームワークの作成
  • デザインカンプの作成
  • ホームページの作成
コンセプト
  1. 集客につながるホームページ
  2. 店が明るく入りやすい雰囲気であることのアピールをしたい
  3. ユーザビリティに長けている
制作意図

木の温かみを感じるシックでオシャレな入りやすいカフェというコンセプトでホームページを作成しました。まず温かみを出すためメインカラーに茶色を選び、トライアド配色で相性の良い緑をアクセントカラーとして選定しました。この二色を邪魔せず落ち着いた雰囲気になる白色をベースカラーとして選びました。
閲覧者のユーザビリティにも配慮し、各ページへのリンクがしやすいように工夫をしてあります。各ページトップへの戻るボタンがページ下部にあります。またヘッダーが固定で上部に存在するので別ページへのリンクが容易です。 加えて、indexページに記載のあるページにはリンクも配備してあります。店舗ロゴはシンプルさと可読性に長け、一目でカフェだとわかるようなシンプルなデザインにしました。

制作時間 ワイヤーフレーム & デザイン / 24時間
コーディング / 76時間
制作環境 Photoshop(CS5) / Illustrator(CS5) / Visual Studio Code
preview こちらをクリックPDF984KB

ページの先頭に戻る

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