豆柴と触れ合える、架空の豆柴カフェのサイトを作りました。
URL
担当
デザイン・コーディング
サイトの目的
サービスの認知と新規クライアントの獲得
ターゲット
古民家で落ち着いた空間にしたいので、30代〜の大人をターゲットにしました。
デザインについて
暖かみのある雰囲気にしたかった為、色合いはオレンジや緑を多く取り入れ、 背景には和紙の画像を使用し、和風のテイストに仕上げました。
トップには犬の肉球をイメージしたメニューバーと写真を配置し、一目で犬に関係するサイトだとわかるデザインにしました。
また、カフェの名前が豆の里なので、豆をモチーフにしたボタンや画像を作成し、可愛らしさをプラスしました。
お客様にお店に来ていただきたい為、ご予約ページに促すボタンを多く作成しました。
コーディングについて
トップの肉球の部分はそれぞれのページに飛べるようメニューバーにしました。
豆柴の可愛さを伝えたかった為、写真をスリックでスライドショーにして沢山載せました。
トップから下に下がると右下にメニューバーが現れ、いつでも他のページに飛べるようにコーディングしました。
犬種紹介の写真はホバーすると、揺れるようにし、可愛らしさを演出しました。