コスモヘルス株式会社様（ECサイト）｜Web制作実績 スマートフォン対応｜ネオインデックス福岡

電位治療器の体験会に参加された方に向けて、乳酸菌サプリメントや化粧品を販売されているコスモヘルス株式会社様のECサイトをリニューアルいたしました。

今回リニューアルの目的として、「商品の購入率を向上したい」「既存顧客の継続率を向上したい」「チラシとECサイトのデザインを調和させたい」という3つのご要望を頂きました。

まずは、CV率を向上させるため、ゴールから逆算をした綿密な導線設計を行いました。具体的には、ユーザーが最短の導線で目的の商品を購入していただけるよう、メインビジュアルのすぐ下に、主要コンテンツである「乳酸菌」「プロテイン」「酵素」「オールインワンゲル」という4つの商品ページへの導線バナーを設置しております。さらに、各商品ページ下部のフッターにはCV導線を固定表示することで、ユーザーがスムーズな流れで商品を購入していただけるよう設計いたしました。

モバイル用サイトでは、ハンバーガーメニュー内で「乳酸菌」「プロテイン」「酵素」「化粧品」という4つの主要商品ページの導線バナーを配置しているほか、実際の商品写真やキャッチコピーを表示することで、お探しの商品をすぐに認識でき、ユーザーが最短の動線で目的の情報を閲覧していただくための設計を行っております。ほかにも、各導線にはテキストだけでなくアイコン画像を配置するなど、ユーザーが感覚的に操作していただけるよう綿密な工夫を施しました。

今回、「商品説明が淡々と記載されているだけで、実際の使用イメージが湧きにくかった」旧サイトの商品ページを一新いたしました。具体的には、「サプリの飲み方」「よくある質問」など、ユーザー目線で知りたい情報を充実させているほか、イメージしやすい写真やイラストを多く使用することで、流し読みをされるユーザーにもわかりやすく表現しております。

また、ユーザーが安心して商品をご購入していただけるよう、トップページのメインビジュアルには実際の体験会でのスタッフ写真を使用しているほか、「コスモヘルスの想い」コンテンツを新設いたしました。コスモヘルスの想いでは、お客様のコーポレートカラーである淡いブルーの装飾を配置しているほか、かっちりとした明朝体のフォントをキャッチコピーに使用することで、信頼感を感じていただけるデザインにしております。

デザイン面では、各商品のイメージに合わせてユニークなオリジナルデザインを行いました。例えば、健康サプリメントの商品ページでは、見出しやキャッチコピーにポップな雰囲気のゴシック体を使用しているほか、全体的にカラフルな色使いでまとめることで、「毎日を元気に明るく過ごせる」というサプリメントの商品コンセプトを表現しました。一方で、化粧品の商品ページではシックな明朝体を使用し、チェリーレッド×グレーの高級感ある配色のデザインにまとめております。

さらに、ホームページ全体には親子の写真を多く使用することで、「家族全員で使用できる」という商品の特徴を視覚的に表現いたしました。また、下層ページのヘッダーに波打ちのアニメーションを取り入れるなど、トレンドを感じられる最新デザインを施しております。リニューアル後は「希望通りのデザインにしていただき、大変満足しています。」と喜びの声をいただいております。