Cafe Site
カフェのWebサイト制作
クライアントから制作依頼された仕事という前提でカフェのWebサイトを作る
クライアントの要望を理解し、目的を達成するためにどのようなWebサイトにすればよいかを考えながらデザインとコーディングを行い、実際にネット上で閲覧できる作品を制作する
課題概要
カフェについて
・店舗は、天白区植田に2024年2月3日にオープンする「Was Cafe」
・既存客のいない新規店
・想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
目的/クライアント要望
・店の知名度を上げて集客につなげること
・地域の人たちが気軽に利用できるお店であることをアピールしたい
サイト仕様
・幅1280px程度のブラウザで違和感なく閲覧できるサイズ
・レスポンシブ対応させることが望ましい
・トップページを含む全4ページを目安にサイトを構成
・コンセプトに合ったテーマカラーを決めて、ロゴマークを作成
制作意図
コンセプト
幅広い年代の集客を想定して、配色や配置はシンプルでスッキリしたデザインに
ベースカラーをホワイト、アクセントにグリーンや淡いピンクを使用
ロゴ
家の中でくつろいでいるかのような、安心感のある店であるという意味を込めたデザイン。コーヒーはもちろん、自家製パンのメニューも豊富であるため、ロゴの中にあしらった。
デザイン
老若男女問わず見やすく、店舗に行ってみたいと思ってもらえるようなデザインを心がけた。
見やすさを重視しつつ、サイトを閲覧していて退屈しないようにメリハリをつけることにも意識した。見出しと本文で縦書きと横書きを織り交ぜたり、ベースカラーがホワイトである分、写真は色鮮やかなものを使用するようにするなどの工夫をした。
制作時間
デザイン：約25時間
コーディング：約50時間
制作環境
Windows10
MacOS Ventura
Illustrator (CS5・CC)
Photoshop (CS5・CC)
Visual Studio Code
