ロゴ

 SCHOOL WORK 

Web site

WASパソコンマルチメディアスクールで、CafeのWebサイト制作課題で制作しました。 初めて制作した記念のWebサイトです。一度作ってみて始めて理解できることがありました。 制作途中、WASの講師の方々、クラスメイトに助けてもらいました。 一人ではくじけていたかもしれません。皆様に心から感謝します。

  • Webサイトデザイン
  • HTML/CSSコーディング

Webサイトを見る

課題名 架空のカフェのWebサイト制作
課題概要
  1. サイトマップとワイヤーフレームの制作
  2. レスポンシブ対応のWebサイトの制作(全4ページ目安)
  3. コンセプトにあったテーマカラーとロゴマークの制作
  4. ※なお、カフェの立地は名古屋市天白区植田
コンセプト
  1. カフェを不動産として考えて、居心地のよいスペースを打ち出すデザイン
  2. すべての人に親しまれるカフェを目指す
  3. テーマカラーは、深い緑(evergreen)、ダークブラウン、白
制作意図

1. ヘッダーには、カフェスペースを前面に打ち出し不動産としての価値をアピールしました。

2. グローバルナビに「ホーム」をつけました。理由は、名古屋市天白区の人口比率で一番多いのが20代と50代だからです。

3. 老若男女問わず愛されるコメダ珈琲とスターバックスのWebサイトデザインを参考にしました。

4. 問い合わせページは、フッターに配置しています。

制作時間 76時間
制作環境 Illustrator/Photoshop/Visual Studio Code

Λ back to top