【カフェのWebサイト】

OVERVIEW

WEBデザインコースの卒業制作として架空のカフェのサイトを制作しました。 レスポンシブはPC・タブレット・スマートフォンに対応しています。 【制作期間】2ヶ月半(プランニング〜コーディングまで)

YEAR 2021

【サイト作成の経緯】

カフェのサイトを作成したくて、地元群馬にいたころに母とたまに行く、いつも温かく迎えてくれるカフェを思い出しながら、またこんなお店に行きたい、そのお店の雰囲気が伝わるようなものを作りました。


【サイトの目的】

目的:新規顧客獲得、通販の売上向上
内容:TOP・MENU・ABOUT・NEWS・ONLINESHOP・CONTACT


【ターゲット】

母と同世代の40~50代女性
休みの日に雰囲気の良い空間で休日を過ごしたい。ゆったりした時間をとりたいと思っている方へ。
いつもは家で紅茶を入れているが、お店の淹れたての紅茶を飲みながらお友達とゆっくり話したい方へ。


【工夫した部分】

■配色

・ターゲットが40代以上の女性のため、色は多く使わず落ち着いたブラウンで統一しました。

■機能
・できるだけスクロールして選択肢が増えないよう要素を絞りました。
・ファーストビューの表示や、スクロールしていくと要素がふわっと表示されることも和やかな雰囲気に合わせて設定しました。
・ナビゲーションメニューは日本語と英語を入れて内容がすぐに確認できるよう工夫しました。
・内容が詰まりすぎないよう余白を開けるよう気を付けました。
・レスポンシブの部分は、スマホ画面の時に要素を縦に配置して見やすいよう工夫しました。

【トップページエリア】

【メニューエリア】

【ニュースエリア】
【アクセスエリア】