サンテPC ブルーライトのダメージを
スクロール連動のコミカルな演出で可視化した商品紹介サイト

参天製薬が新しく発売した、ブルーライトなどの光ダメージに効く目薬、「サンテPC」の商品紹介サイトです。PCやスマホのモニタからブルーライトが発生、かつ目にダメージを与えている様子が可視化されたメインビジュアルを軸に、サイト上では「まさにいま、PCやスマホを見ているこの画面からもブルーライトがどんどん出ている」様子が、直感的に伝わる作りのサイトとなっています。トレインチャンネルや店頭広告、ポスターなどで展開されている世界観に、さらにコミカルな動きやかわいらしいサウンドを追加することで、よりキャッチーに印象が伝わるよう目指しました。サンテPCを使用したときに感じられる清涼感や気持ちよさが、サイト全体を通して伝わるよう意識しています。また、ユーザーが何もしなくても自動的に画面が遷移していくので、一本の長いムービーを見ているような感覚で読み進めていくことができる構造にしました。自分で操作したいときは右側のスクロールバーでも移動できるよう工夫しています。

※過去にFlashで制作されたウェブサイトです。

クレジット

CLIENT: 参天製薬株式会社
-
agency: 電通 / creative direction: 小野総一, 沓掛光宏（電通） / copy writing: 小野麻利江（電通） / art direction: 唐木田奈緒（電通） / strategic planning: 小野総一, 佐藤真奈, 深井洋平（電通） / creative produce: 砂井由美（電通クリエーティブフォース） / account executive: 木庭大輔（電通） / art direction, design, photo direction: 長谷川弘佳（mount inc.） / planning: 長谷川弘佳, 梅津岳城, 萩原裕一（mount inc.） / technical direction, flash development: 梅津岳城（mount inc.） / produce, project management: 萩原裕一（mount inc.） / sound direction: 林英和（mount inc.） / sound design: 村井智（ALT/TYMOTE） / HTML coding: 小林信次, 早川稔（まぼろし） / photo produce: 戸田和也, 清水悠貴（リフト） / choreography: MIKIKO, KOHMEN（イレブンプレイ） / styling: 三田真一（KiKi inc.） / hair: ABE（M0） / make: NODA（LYDIA pro） / photograph: 人物 / 正田真弘（D-CORD）, 人物 / 中野修也（D-CORD）, 商品 / 鈴木崇史（VDA） / photo retouching: 吉川武志, 岩沢美鶴（RIZING） / lighting: 正田真弘（D-CORD）, 鈴木崇史（VDA） / set design: 田崎一己（ヌーヴェルヴァーグ） / model: emma（スターダスト）, 石坂友里（eva）, 夕海（BARK in STYLe）, ハンナ（DUALism）, 二見優（JUNES）, ミゲール・倉田（FRIDAY）

サンテPC ブルーライトのダメージを
スクロール連動のコミカルな演出で可視化した商品紹介サイト

関連する記事

クレジット

タグ