密着！ココナッツサブレができるまで(自社サイト)

密着！ココナッツサブレができるまで(自社サイト)のLP情報

登録日 2026-02-02

https://www.coconut-sable.jp/

商品・サービス名

密着！ココナッツサブレができるまで

カテゴリー

スナック・ガム・あめ・グミ

企業名

日清シスコ株式会社（東京都台東区）

カラー

ブラウン（茶色）系を利用してスマホLP制作を行っております

イメージ

これらのスマホLPは、「マンガ・イラスト」のデザインだと感じます

キャッチコピー

なし

サイト説明

ココナッツサブレのWEB工場見学にようこそ！今も昔も変わらないおいしさが生まれる工程を、アニメーションや工場の映像でご紹介します

デザインに関して

全体として、とても親しみやすく楽しい世界観が完成していて、「工場見学」という少し硬くなりがちなテーマを、ここまでポップでワクワクする体験に落とし込めている点が素晴らしいです。キャラクターの存在が大きく、最初から最後までユーザーの“案内役”として機能しているため、単なる説明ページではなく、小さな冒険ストーリーのように自然とスクロールしたくなる構成になっています。

最大の魅力は、製造工程を“迷路型ビジュアル”として表現しているところで、工程図でありながらゲーム感覚もあり、子どもから大人まで直感的に楽しめます。情報の順番が視覚的に整理されていて、「次は何が起きるんだろう？」という期待感を途切れさせません。動画ポイントやリアクション用の吹き出しも効果的で、単調になりがちなプロセス紹介にリズムが生まれています。

配色も非常に計算されていて、ビスケットの焼き色を思わせるブラウンやベージュを基調にしつつ、アクセントのオレンジやイエローでテンポを作っています。その結果、甘くて香ばしい商品のイメージが画面全体から自然に立ち上がってくるのが印象的です。背景のチェック柄やフレーム装飾も、お菓子パッケージの文脈としっかりつながっていて、ブランド体験としての一体感があります。

工程説明はかなり情報量が多いにもかかわらず、イラスト中心で構成されているため難しさを感じさせず、「なるほど」「へえ」と軽やかに読み進められます。専門的になりすぎず、でも“ちゃんと作っている”安心感は伝わる絶妙なバランスで、企業としての信頼性とエンタメ性がうまく共存しています。

後半の商品紹介への流れも自然で、工場見学で高まった気持ちをそのまま購買意欲につなげる導線がとてもきれいです。「見て楽しい → 知って安心 → 食べたくなる」という感情の流れがデザインだけで成立している点は、かなり完成度が高いと感じます。

総じて、子ども向けにも見える可愛さを持ちながら、大人が見ても丁寧さとブランド愛を感じられるデザインで、エンターテインメントとプロダクト理解をここまで自然に融合させているのは見事です。お菓子の裏側を“学ぶ”というより、“遊びながら知る”体験として成立していて、とても記憶に残る良いデザインだと思います。