ローヤルゼリー配合アンチエイジング・サプリメント「是養生」
| サイト名 | 美容と健康のためのローヤルゼリー配合アンチエイジング(若返り)サプリメント「是養生」 |
|---|---|
| クライアント | 株式会社ジャパン・パブリック・リレーションズ |
| URL | http://www.koreyojyo.com/lp/ |
| メモ | 透過PNGをCSSのposition属性でレイアウトして動きのあるデザインに。必須情報などはthickboxを使ってページ遷移することなく表示するようにしてサイト離脱率下げる工夫を。 |
一部高級ホテルのショップや、エステサロンでのみ購入可能だった、ローヤルゼリー配合のアンチエイジング・サプリメント「是養生」のランディングページ(ECサイト)を制作。
クライアントさまの要望で、商品の特性上、大人の雰囲気や高級感を意識したデザインに仕上げました。
ランディングページは、頻繁に更新(コンテンツ追加)するものではないので、今回は静的なHTML(XHTML)ですが、見た目が単調にならないように、透過PNGをCSSのposition属性でレイアウト。
写真のリフレクション効果や、フリーレイアウトに効果を発揮しています。
また、いまだ存在する悪名高きブラウザ「IE6」は、本来透過PNGには対応してませんが、JSライブラリ「DD_belatedPNG.js」にて対応してあります。
コンテンツも潜在意識理論をベースに、顧客心理を刺激するような文言や構成にて制作しました。
女性向けの商品(サプリメント)なので、PCユーザーだけではなく、携帯ユーザーの取り込みも考慮して、ショップ部分はモバイルにも対応。ショップ用URLかQRコードからアクセスすることができます。
