遊びも盛り込みつつ、ハリネズミに興味を持ってもらい、お店に来ていただけるようなデザインを目標にしました。
夜営業のカフェということで、「夜」をイメージして星を散りばめたり、メニューにはハリネズミと夜をコンセプトとした料理の画像を作成しました。
初めてロード画面を導入しました。また、apng画像を導入することで、一部アニメーションを実装。サイトを見ている方に楽しんでいただける設計を目指しました。
サイト全体に奥行きを感じさせるため、初めてパララックスを導入しました。パララックスの扱いが非常に難しく、思ったよりも平坦なサイトになってしまったので、今後は奥行きのあるデザインを考えていきたいと感じました。
デザインカンプはAdobe XD、写真素材はフリー素材をお借りして一部Photoshopで加工。ハリネズミなどのサイトパーツはIllustratorで作成、メニューの画像一部はClip Studio Paint Proで一から描き上げました。