<自主制作>食堂&カフェのWebサイト(デザイン・実装)

OVERVIEW

Webデザインコースの卒業制作として、地元の野菜を使ったランチと体にやさしいおやつを提供する実在の食堂&カフェ「ひとつむぎ」様をモデルにHPを制作いたしました。


<制作目的>

コロナ対策で席数を減らして営業しているため、ランチのテイクアウトの予約と最近始めたマフィンの通信販売サイトへの誘導を目的に制作。


<制作期間>

1ヶ月(デザイン・レスポンシブ対応を含むコーディング)


<ペルソナ設定>

・20代~40代以上の健康志向の女性

・オーガニックを好むもしくは興味がある。

・カフェが好き。お菓子も好きだけど甘すぎるのは苦手。

・忙しい時はお弁当や外食に頼りたいが、添加物が気になる人。

・子どもや家族の健康を気遣った食事、おやつ選びがしたいと考えている。


<こだわったところ>

・体にやさしい素材を使ったカフェであることが分かるように世界観の落とし込み。

・PCでアクセスした人がテイクアウトを予約したくなった時すぐに電話をかけられるように左側に電話番号を固定。

・テイクアウトの項目にも画像化して同じ電話番号を記載し(画像を押すと電話に繋がる)、スマホで見た時にも電話がすぐにかけられる。

・マフィンの通信販売サイトに飛んでマフィンの購入に興味を持って頂けるように、「一度は押してもらえるボタン」を目的にイラストを描いてボタンを作成。ホバーするとフェードで表情が切り替わる実装。

・お店のあたたかい雰囲気が伝わるように写真の切り抜きや図形を全体的に丸みのあるデザイン。「麦」をイメージして配色を黄色〜茶色で統一。

・レスポンシブではハンバーガーメニューを実装。

・電話が繋がらない時間帯用にお問い合わせフォームを実装。