Works

制作実績

ネスカフェ ドルチェ グスト カフェメニューページ リニューアル

ネスレ日本株式会社

このサイトを見る

公開日 :2026年10月

製作期間:2ヶ月

ボリューム:33ページ

ネスレ日本様が提供するカプセル式本格カフェシステム「ネスカフェ ドルチェ グスト」の、専用カプセル(カフェメニュー)紹介ページをリニューアルいたしました。

ネスカフェ ドルチェ グスト カフェメニュー(制作実績)

■ ネスカフェ ドルチェ グストとは

「ネスカフェ ドルチェ グスト」は、自宅で手軽に本格的なカフェの味を楽しめるカプセル式コーヒーメーカーです。

独自の本格高圧抽出により、コーヒーの豊かな香りと滑らかなクレマ(泡)を実現。特許技術を使った5層構造カプセルが、光・空気・湿気をブロックし、淹れる瞬間まで鮮度を守り、毎回あけたての香りと味わいをお届けします。​

ブラックコーヒーからラテ、ティー、ココアなど、30種類を超えるバラエティ豊かなラインナップが魅力です。

ネスカフェ ドルチェ グスト

■ リニューアルのコンセプト・ポイント

今回のリニューアルでは、ユーザーが「カフェでメニューを眺めて選ぶときのワクワク感」をWeb上で体験できるようなデザインと、最新の検索トレンドを見据えたサイト構造の最適化を両立させました。

1.「カフェの雰囲気」を醸し出すシズル感重視のデザイン

一覧ページでは、あえて商品の箱(パッケージ)を前面に出さず、淹れたての味や香りを感じられるようなコーヒーのシズルカットとカプセルのビジュアルを主役に配置しました(パッケージ画像は詳細ページへ格納)。

これにより、まるで実際のカフェでメニューを選んでいるかのような上質な世界観を演出しています。

2.SEOおよびLLMO(AI検索)対策を見据えたサイト構造の最適化

これまで1ページに集約されていた各カフェメニューの情報を、商品ごとに独立した詳細ページ(全33ページ)へ分割しました。(例:リッチブレンド詳細ページ https://nestle.jp/home/brands/dolce-gusto/variety/rich-blend ) これにより、検索エンジンや最新のLLMO(AI検索)に対する各商品の情報網羅性と専門性を高めています。

また、詳細ページの下部には「他のカフェメニューはこちら」として、よく一緒に購入される商品などへの回遊リンクを設置し、ユーザーのあわせ買いや別商品との出会いを促進する設計としています。

ネスカフェ ドルチェ グスト リッチブレンド カフェメニュー詳細ページ

3.スムーズな商品探索を叶えるUI(ユーザーインターフェース)

ブラックコーヒーやマグサイズ、ラテメニューなど、多彩なラインナップの中からお好みの商品を直感的に探せるよう、タブ形式のナビゲーションを採用しました。

ページ遷移を挟まずに各カテゴリーへスムーズに移動できるUIで、ユーザーの利便性を向上させています。

ページトップへ戻る