overview
プロジェクト概要
ユーザーと担当者、ふたつの視点でアップデート
プロジェクト概要
株式会社IDEA様の運営する、医療機関監修・専売品ECサイト『アイオンラインストア』の部分リニューアルを担当させていただきました。今回は、新しいブランドや商品ラインナップの増加に伴ったサイト改修です。ユーザー目線では、商品に辿りつきやすく、回遊しやすい導線を。サイトの運営者目線では、今後の改修を見据えた長く使えるデザイン設計を意識しました。
ご依頼の経緯
IDEA様とは以前からLPの制作や、商品パッケージデザインのお仕事もさせていただいておりました。今回は商品ブランドの追加に伴い、トップページやカテゴリ階層を改修する必要があったため、新たにご相談をいただいた経緯があります。
リニューアル以前は、商品数が少なくカテゴリ分けもされていない状況。そのため、ユーザーが求める商品に辿り着くまでに時間がかかってしまうという課題を解決したいとお話しいただきスタートしたプロジェクトです。
quest
![](https://blancquest.com/cms_b5n96tpw/wp-content/uploads/2024/01/img05.jpg)
member
メンバー紹介
メンバー紹介は準備中です。
process
探求の道のり
ふたつの課題を提示し、サイト内を整理
イデアさまは、美容医療、脱毛、レーザー治療など、関連クリニックを複数経営している企業さまです。そのクリニックごとにオリジナル商品を扱っておりますが、それらをひとつのサイト内で購入できるようにしたのが『アイオンラインストア』。今回はブランドが増え、商品数も増加したため、リニューアルを行うことになりました。
今回、課題として提示したポイントは2点です。
ひとつめは、約50点の製品のカテゴライズがされていないため、ユーザーに迷いが生じ、回遊性が担保されていないこと。ふたつめは、サイトデザインが、アイオンラインストアのブランディングにつながっていないということですね。
大きく分けてこのふたつの課題を解決することで、ユーザーもクライアントも使いやすいサイト設計になるのではとお話しさせていただきました。
![](https://blancquest.com/cms_b5n96tpw/wp-content/uploads/2024/01/ec63b0efa3782db84377d0e71181fcad.png)
value
価値の創造
「次に見るべきページ」をコミュニケートする
ひとつめの課題解決のために、まずご提案したのは、商品のカテゴリ分けをすること。
ユーザーがいち早く目的の商品に辿り着けるようにするため、ヘアケア、スキンケア、サプリメントなど、カテゴライズすることで感覚的に操作できる動線を設計しました。
また、各商品ページの下部には、おすすめ商品や各クリニックへの導線も確保し、ページ内の回遊率アップも意識しています。
スキンケアやヘアケアは継続購入するお客さまが多いという理由から、通常購入のほか、定期購入ページの制作も行いました。これによって売上増が見込めますし、ユーザーの買い漏れを防ぐことにつながりました。
![](https://blancquest.com/cms_b5n96tpw/wp-content/uploads/2024/01/0313-384.jpg)
![](https://blancquest.com/cms_b5n96tpw/wp-content/uploads/2024/06/img03-1.jpg)
女性らしさを演出するトンマナを重視
デザイン面では、サイトをパッと見て「アイオンラインストア」とすぐにわかるよう表現しました。「ECフォース」というシステムを使用していたのですが、デザイン面でブランディングがされておらずとてもシンプルなデザインになっていたため、必要なカスタムを行いました。具体的には、メインターゲットは女性なので、女性が見やすいと思うフォントやレイアウトを意識したほか、メインカラーは優しさのあるエメラルドグリーンを採用。また今後もさらに商品数が増加する予定があったため、改修しやすいような仕様にしています。
![](https://blancquest.com/cms_b5n96tpw/wp-content/uploads/2024/01/8a478f19a81d9e146f9fb527dd1e0649.png)
voice
お客様からの声
ゴールは「長く育てていけるサイト」
カテゴリの整理、および定期購入のカートシステムの改修で、ユーザーが商品を選びやすいサイトへと生まれ変わりました。サイト改修から1か月経ったタイミングでは、自然流入だけで売り上げが200%の増加。これにはご担当者からもお喜びの声をいただきました。
今後は海外のスキンケアブランドを委託販売するため、さらなるレイアウト変更やカテゴリ追加を行っていく予定です。
other story
関連するプロジェクトストーリー