WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細

メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作

メンズコスメブランド「BULK HOMME（バルクオム）」さまの楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。当時はメンズコスメのマーケットが未成熟であり、関心度の高い一部の層のみがターゲットとなるため、対象となるターゲットのニーズや悩みを正確に掴むためのインサイト調査を実施。同製品の魅力が伝わるグラフ・図解を活用した構成が重要であると判断し、楽天市場のストアサイト仕様に合わせながらサイトを設計・実装し、CV数を8倍まで伸ばす成果に至りました。

ランディングページのテーマ

続けやすいシンプルなスキンケアの提案

シェービングやハードワーク、紫外線などの様々な要因でストレスがかかる男性肌をやさしくケアするメンズコスメブランドBULK HOMME。宣伝費や容器代などに余計なコストをかけずに、成分や使用感など中身に徹底してこだわった製品コンセプトを発信。同ブランドの魅力を余す事無く紹介するためのコンテンツを整理し、ECサイトのデザイン・制作を行いました。

ランディングページのデザインコンセプト

男性向けのコスメブランドであることを訴求するためにブラックをメインカラーに展開
各製品ごとにテーマカラーを設定し、迷いなく各製品ページに遷移しやすくするためのデザイン
グラフを活用し、直感的に他製品との違いが伝わるようにデザイン
図を活用して、他社製品にはない美容成分の凝縮度合いが伝わるようにレイアウト

ランディングページのコーディング

視認性を高めるため、ボタンが点滅する仕様
PC版、スマホ版ともにGIFバナーにより、各種製品ページへの遷移を促進
楽天市場のサイト仕様に準拠した各ページのコーディング

ランディングページの成果

ユーザーインサイトを正確に掴んだLPの情報設計に成功し、CV数が8倍

プロジェクト開始当時はメンズコスメのマーケットが未成熟であり、関心度の高い一部の層のみがターゲットとなるため、対象となるターゲットのニーズや悩みを正確に掴むためのインサイト調査を実施。インサイトに刺さる表現や情報の伝達を意識した設計とデザイン表現を通じてユーザーの購買意識に働きかけるLPを実現。商品の成分や使用感へのこだわりを一方的に説明するのではなく、ユーザーが自分に合う商品を迷わず選べる導線や、同製品の魅力が伝わるグラフ・図解を活用した構成が重要であると判断。楽天市場のストアサイト仕様に合わせながら、PC・スマホそれぞれで商品理解から購入導線までを最適化することで、CV数を8倍まで伸ばす成果に至りました。