当サイトでは、トラフィックの解析のために、クッキー(cookie)を使用しています。
ご利用に際して、閲覧を継続することでクッキーの使用にご同意いただいたものとさせて頂きます。

同意する

【LP制作サンプル】コスメ商品販促ランディングページ【Web制作の解説】|東京のWEB制作会社、ホームページ制作会社|株式会社8bit(エイトビット)

制作実績

【LP制作サンプル】コスメ商品販促ランディングページ【Web制作の解説】

デザインのポイント

美容・化粧品市場において重視される「透明感」を強く感じられるようなデザインで作成しました。

化粧品は、薬機法により効能効果の過剰表現が禁止されているため、注釈表記を行う必要があったりと、繊細な作りが求められます。 文章での表記に制限があるぶん、うるおいや、柔らかさを感じられるようなテクスチャやイメージ画像を多く配置し、視覚的に化粧品の良さを訴求します。

また、単純に商品の良さをうたうだけでなく、画面全体を通してストーリー性のある構成となっています。 化粧品に関する悩みを挙げ閲覧者の共感性を高め、ポイントで商品の良さ・安全性を記述し、購入意欲を高めます。

サンプルを見る

アニメーション表現のポイント

メインビジュアル

この特設サイトに使用されているアニメーションはこちらのブラーインのパターンのみです。ブラーインとは、ぼかし効果のことを言います。このサイトでは、この効果をゆったりとした速さで使用し、ラグジュアリーなイメージを演出します。

また、美容用品や化粧品を扱うWEBサイトは、商品のイメージを訴求しなければならないため、画像が大きく使用される傾向にあります。 スライドのような移動を伴うアニメーションを広い面積で使用すると、過剰に感じる場合があるため、ブラーインがより効果的な演出と言えます。

商品コンセプト

コンセプトを掲載しているこちらのセクションは、人物などのイメージ画像を大きく使用し個性を強調します。 例えば、商品の特長に関連したしずくの形状や、クリームの切り抜き画像は、世界観の演出に役立ちます。

箇条書きの内容を時間差で表示

こちらのセクションでは、各文章を1文ずつ時間差で表示します。並列の情報をリズミカルに表示することにより、複数の文章が存在することを無意識のうちに認識することが可能です。 また、悩みとはいっても、暗い表情の写真を使用してしまうと過剰な印象になってしまうため、通常の写真のトーンを落とす程度にとどめています。過剰に煽るとネガティブに作用してしまう場合があるため、注意が必要です。

サンプルを見る

ポイント

今回は、成分と安全性をうたう、2つのポイントを掲載しました。 アニメーション表現では、お悩みのセクションと同様に並列の情報は時間差で表示し、単調にならないように情報の流れを作ります。 各成分のイメージ写真を挿入し丁寧に説明することにより、品質が高いように感じるようになります。

制作の期間約5営業日
URL

https://8bit.co.jp/lp-sample07/

当社で担当した制作パート

具体的な制作実績については、
こちらから資料のご請求をお願いいたします。

制作実績をダウンロード

つくるうえで大切にしていること

  • 社内スタッフによる一貫した内製

    弊社では、ご依頼いただいた制作は外注をせず、すべて自社のスタッフが制作することで、安定した品質とスピードを提供いたします。

  • ストレスを感じさせないレスポンス

    ただ納品物を収めるだけでなく、お客さまに安心してご依頼いただけるよう、迅速でまめなレスポンスをこころがけております。

  • 分かりやすい説明、分かりやすい見積り

    Web制作は金額の根拠が分かりにくいとも言われます。弊社では、お客さまに分かりやすくご納得いただける価格の提示を心がけております。

制作に関してのご相談はこちらから

Web制作のご依頼、ご相談などお気軽にお問合せください。
お困り、お悩みのことでもお聞かせください。