事例紹介 Web制作

大塚製薬株式会社様賢者の食卓ブランドサイト

https://www.otsuka.co.jp/kns/

ディレクション/サイト設計/デザイン/構築

大塚製薬株式会社様 賢者の食卓ブランドサイトPC版
大塚製薬株式会社様 賢者の食卓ブランドサイトSP版

プロジェクトデータ

大塚製薬の「賢者の食卓」ブランドサイトをリニューアルしました。
パッケージの世界観を活かしつつ、専門的な内容を分かりやすく伝える、デザイン・サイト構成を行いました。
※特設コンテンツは除く

クライアント
大塚製薬株式会社様
公開日
2026年 3月 30日
URL
業界
製薬・小売
作業内容
ディレクション/サイト設計/デザイン/構築
大塚製薬株式会社様 賢者の食卓ブランドサイト 3つの特徴
大塚製薬株式会社様 賢者の食卓ブランドサイト 特定保健用食品(トクホ)と機能性表示食品の違い

パッケージデザインの核である「専門性と親しみやすさの融合」をWebサイトでも踏襲。賢者のキャラクターも活かしつつ、 具体的なライフスタイルや使用シーンを豊富に盛り込み、ユーザーに対して「日常への定着」を直感的にイメージさせる動機付けを行いました。
情報設計においては、1ページに要素を詰め込みすぎず、文脈に応じた適切なページ分割(グルーピング)を採用。興味関心に合わせて主体的にコンテンツをピックアップできる構成にすることで、サイトの回遊率向上と、ブランドへの理解深化を目指しました。

大塚製薬株式会社様 賢者の食卓ブランドサイト Features
大塚製薬株式会社様 賢者の食卓ブランドサイト 開発エピソード
大塚製薬株式会社様 賢者の食卓ブランドサイト 生活習慣セルフチェック
大塚製薬株式会社様 賢者の食卓ブランドサイト 開発エピソードページ グラフ