背景の奥行きと立体的な演出で、店舗が持つ重厚感とアーティスティックな世界観を印象づけるティザーサイト
クライアント様の課題
- 新規オープンに向け集客用のティザーサイトを制作したい。
- 圧倒的な存在感と重厚感のあるサイトに仕上げたい。
- 店内のアートと料理を連動させ芸術的な表現で魅せたい。
提案とアプローチ
霧島の素材が持つ魅力を期待させる重厚な世界観を軸に制作を提案しました。サイト読み込み時に雲が晴れて店舗が現れる演出や、スクロールに合わせて背景が動く立体的な構造を採用。店内アートや料理の魅力を伝える動きのある仕掛けを取り入れ、訪れた人が驚きと期待感を抱くWebページへと仕上げました。
デザイン・制作のポイント
- 料理とサービスへの期待を高めるため、3層以上の画像を重ねた立体的な視覚効果を実装。
- 滑らかな表示速度を保ち快適に閲覧できるよう、重なり合う画像データを限界まで軽量化。
- 店内アートと料理の一体感を伝えるため、イラストパーツを分解しJavaScriptで動きを付与。
担当領域
- デザイン
- コーディング
- モーション設定
デザイナーのコメント
以前からお世話になっているプロデューサー様よりご相談をいただきました。私自身、過去に鹿児島で暮らしていた頃によく訪れていた思い出の地でもあり、思い入れを持って制作に臨みました。スクロール時の立体感や表示速度の保全、細かな動きの調整に時間を掛け、試行錯誤を重ねて理想的な世界観を構築できました。
