ウェブサイト制作課題の見出し画像
課題概要と書いた見出し画像

クライアントから制作依頼された仕事という前提でカフェ(喫茶店)のWebサイトを作る。
クライアントの要望を理解し、⽬的を達成するためのデザインと
コーディングを⾏い、実際にネット上で閲覧できる作品を制作する。

制作ソフトIllustrator CC、Photoshop、Visual Studio Code

ワズカフェをデザイスで見た際のイメージ画像
制作時間

ワイヤーフレーム12時間

デザインワーク30時間

コーディング90時間

サイトの目的

・店の知名度を上げて集客につなげること
・地域の⼈たちが気軽に利⽤できるお店であることをアピールする。

製作意図

全体イメージ
気軽に利用できる印象を持ってもらうためおしゃれすぎず、少しレトロで、優しいイメージです。
この地域は子育て世代に人気とのことで、とくにお子さん連れのお母さん達に興味を抱いていただけるよう、可愛らしさも意識しました。

イメージカラー
"陽の光が満ちる明るい店内"を意識しつつあたたかみある雰囲気を目指しました。

みどり

安心感のある優しいグリーン

黄色

幸せな光を連想させるイエロー

茶色

ナチュラルで落ち着くブラウン

ロゴマーク

全体イメージ
コーヒーを淹れたカップを上から見た形をベースに、ミルクを揺蕩わせたイメージの白い文字で店名を入れました。


「C」の強調
"C"から始まる言葉には「calm(落ち着く)」「charming(魅力的な)」「caring(思いやり)」「Comfort(快適)」/span>など、ワズカフェに合う素敵な言葉がいくつもあるので、訪れた方をそんなふうに迎え入れるカフェ、という意味をこめ全体を包み込むように配置しました。


照らす光
右上の白い部位はカフェに陽当たり良く照らす光をイメージしています。また、地図のばあい右側は"東"を意味します。東から昇る太陽はさわやかで縁起がよく、新しくオープンしたワズカフェに明るい未来が差しますようにとの願いをこめました。