URL: https://dwarf.hiho.jp/catcafe/
【制作期間】4日間
【体制】3名
【制作技術】HTML、CSS、jQuery、PHP
【機能】
検索機能
お問い合わせ機能
シミュレーション
【作業担当】
トップページ
一部デザイン作成
【遷移可能なページ】
トップページ
SHOP
店舗一覧
店舗 詳細
種別・価格のご案内(猫さん一覧)
猫さん詳細
お迎えのご予約/お迎え相談
【工夫点】
保護猫カフェということでメインは暖かみのある色味、
アクセントに濃い青という配色にしました。
店名、コンセプトはチームで話し合い一から考えています。
デザインはトップで猫さんと手を取り合い、最後は保護猫を迎え入れ繋がったことを連想して作成しています。
アニメーションも多く取り入れ、トップに戻るボタンはトップのアイコンにじゃれているような遊び心を入れてみました。
レスポンシブはスマホ版とPC版になります。
猫さん一覧から検索をかけられます。
猫さん詳細で価格のシミュレーションすることができます。
【課題点】
猫カフェの予約機能 時間指定で実装したい