how do you like webdesign?

カフェサイト

カフェサイトデザイン
課題名 カフェサイト(デザイン・コーディング)
制作概要 新しくオープンするカフェのサイト
ページ
  • トップページ
制作内容 蒲郡のラグーナテンボスの隣、ヨットハーバーや海水温泉のある一角に、ギリシャの「サントリーニ島」に似た外観で、体に優しくおいしくて、眺めも居心地もいいカフェがあったら、年齢問わず楽しめて、インスタ映えもしそう、なにより実在したら自分自身絶対行く!というコンセプトでできあがった架空のカフェ。
サイトはカフェのイメージであるサントリーニの外壁のように、ベースカラーは真っ白にして、画像の空や海の青を際立たせ、印象深くなるようにしました。アクセントに黄色やオレンジ、トマトレッドを使い、海辺を思わせる明るく元気な配色にしています。
一見パララックス風のメニュー部分は、白と青とは正反対の、高揚感のある赤系の背景画像を使用し、またスクロールするときに上下の白背景が移動し、潮風が吹くイメージで作成しています。
コンテンツを1ページにまとめ、レスポンシブに対応できるデザインを目指しました。
制作環境
  • OS: windows7
  • 使用ソフト: illustlator CS5・Photoshop CS5
製作時間 40時間
webページ カフェかぜとしま(パソコン用ウェブサイトのみ)
  • トップページへ
  • マンションサイト
  • カフェサイト
  • 学校サイト
© 2016 webデザイナー科 第14期生 生徒作品