ハウス食品様 「ぎゅっと濃厚　玉ねぎカレー」ブランドサイト制作

2025年8月に発売された「ぎゅっと濃厚　玉ねぎカレー」＜ブイヨン風味仕立て／生クリーム風味仕立て＞のブランドサイトを制作。
飴色になるまでじっくり炒めた玉ねぎに、シャキシャキとした生玉ねぎや香ばしいオニオンチップなど、複数の玉ねぎ原料を組み合わせて仕上げた本製品の濃厚な味わいを、印象的なビジュアル表現で伝えることを目指しました。

背景・プロジェクトの目的

玉ねぎは、好きな野菜ランキングで2位になるほど多くの方に親しまれている野菜でありながら、カレーの中では旨みや甘みを支える存在にとどまり、具材としては比較的目立ちにくい素材です。

そんな玉ねぎに改めてスポットライトを当てるべく開発されたのが、玉ねぎが主体のメニュー「オニオングラタンスープ」をイメージした、玉ねぎが主役のレトルトカレー「ぎゅっと濃厚　玉ねぎカレー」です。本プロジェクトでは、そのコンセプトと魅力を分かりやすく伝えるブランドサイトの制作をご支援しました。

「飴色玉ねぎ」の魅力を伝えるビジュアル・アニメーション設計

商品パッケージ画像を活かしながら、玉ねぎの“飴色”の美味しさをいかに視覚的に表現するかを大切にサイト設計を進めました。写真素材だけに頼らず、配色やアニメーションといったデザインの力を組み合わせることで、商品の世界観を組み立てています。

玉ねぎを炒める過程を表現した背景アニメーション

背景色は白からオレンジへのグラデーションで構成し、下から上へ立ち上るバブルのアニメーションを組み合わせることで、玉ねぎをじっくりと炒めていく過程を視覚的に演出。静止画では伝えきれない“じっくりコトコト”感を、動きのある表現で伝えました。

玉ねぎを連想させるキービジュアル（KV）デザイン

KVには円状にレイアウトしたテキストを配置し、玉ねぎの断面や輪切りを思わせるデザインを散りばめました。ひと目で「玉ねぎ」を主役にした商品であることが伝わるビジュアルを目指しています。

スクロールに連動した玉ねぎイラストの演出

玉ねぎのイラストが画面内を転がっていく演出には、スクロール操作に連動したアニメーションを採用。ユーザーの操作に合わせてイラストが動くことで、次のコンテンツへ読み進めたくなる楽しさを演出しました。

手作り感を意識したビジュアルトーン

具材の美味しさにこだわって開発された商品の魅力が多くの方に伝わるよう、ポップさを意識しつつ、クラフト感のあるフォントや手描き風イラストをデザインに取り入れました。