チャプトナイン リポトリプルセラムのスマホLPデザイン

チャプトナイン リポトリプルセラムのスマホLPデザインのLP情報

登録日 2026-07-07

https://item.rakuten.co.jp/smart-cosme/c902s03/

商品・サービス名

チャプトナイン リポトリプルセラム

カテゴリー

スキンケア・ボディケア・ヘアケア

企業名

株式会社スマートコスメ（東京都渋谷区）

カラー

ホワイト（白色）系を利用してスマホLP制作を行っております

イメージ

これらのスマホLPは、「キレイ系」のデザインだと感じます

キャッチコピー

次世代セラムで、速攻ケア。

デザインに関して

1. Z世代・ミレニアル世代を狙った「スマホ画面（縦長）のグリッド設計」
PCでの閲覧を切り捨てたと言っても過言ではないほど、スマホの横幅（一般的に375px〜414px）に最適化された縦のスクロール導線が緻密に計算されています。

画面ごとの「一画一景」レイアウト
スマホでスクロールした際、1スクロールごとに「成分の紹介」「使用感の紹介」「お得な特典」といったテーマが、ちょうど1画面にすっぽり収まるようなサイズ感（正方形〜少し縦長の比率）で画像ブロックが作られています。画面の途中で情報がブツ切りにならないため、ユーザーにストレスを与えず、リズムよく読み進めさせることができます。

2. 「SNS（インスタ・リキッド風）デザイン」の応用
このLPは、WEBサイトというよりも「Instagramのカルーセル投稿（スワイプして見る画像）」や「雑誌の切り抜き」に近いグラフィック手法をとっています。

角丸（ラウンジコーナー）とドロップシャドウの多用
画像を切り替える境界線や、要素を囲む枠線に「角丸」を採用し、うっすらと背後に影（ドロップシャドウ）をつけることで、画面に奥行き（立体感）を出しています。これはイマドキのアプリやSNSのUIデザインの共通言語であり、若い世代が直感的に「可愛い」「親しみやすい」と感じる形状です。

手書き風・あしらいの工夫
アンダーラインを蛍光ペンで引いたようなデザインにしたり、文字の周りに星やキラキラのドットを散りばめたりすることで、デジタル特有の冷たさを消し、手作り感のある賑やかさを演出しています。

3. 計算された「色の心理効果」と視線誘導
ページ全体をただカラフルにしているのではなく、ユーザーの感情の波に合わせて色をコントロールしています。

アイキャッチには「補色」や「高彩度」
ベースが優しいパステルカラーやニュアンスカラー（くすみカラー）でまとめられているからこそ、一番見てほしい「毛穴」「潤い」といったキーワードや、限定価格の数字には、あえて目立つピンクや鮮やかなオレンジなど、視線を強制的に奪う強い色がピンポイントで使われています。

グラデーションによる流動性
背景やボタンに緩やかなグラデーション（例：ピンクからパープル、水色からグリーンなど）を使用することで、単色よりも画面に「動き」が生まれ、ユーザーの視線を自然と下へ下へとスクロールさせる視線誘導の効果を発揮しています。

4. コスメ特有の「清潔感」を担保する白と透明感の残し方
どんなにデザインをSNS風に崩して賑やかにしても、ベースにあるのは「コスメ（肌につけるもの）」です。そのため、決して「下品なドン・キホーテ風のPOP」には落とし込みません。

背景の「白」と「透明感」
文字や装飾が多いセクションでも、商品の背景には「水滴」「透明なジェル」「光の反射」といった清涼感のあるテクスチャー画像を敷くか、パキッとした清潔な「白」を必ず残しています。この透明感の演出があるおかげで、どれだけお得感を煽っても、商品自体のクオリティやクリーンな印象が保たれるデザインになっています。