推し活倶楽部

UI改善にシステム改修が伴ってしまうと、時間もお金もかかってしまい、容易にPDCAが回せなくなってしまう課題がありました。しかし、flamingoはシステム改修不要でスピーディーな改修ができる。それがアイスリーデザインさんにお願いする大きな決め手となりました。

当初は社内のスタッフのみで、他社ECサイトを見ながら改善点を模索していたのですが、なかなかうまく進みませんでした。そこで助けられたのが「ヒューリスティック評価」です。アイスリーデザインのUIデザイナーさんによってサイトの課題を分析いただき、自分たちでは気づけなかった細かな点もあぶり出すことができました。その分析結果に沿って実際に改善を行うと、ほんの少しの差でも一段と見やすくなったり使いやすくなったりすることが多く、勉強になりました。

エンタメ系ECサイトという都合上、「UI改善の効果」を確認するのが難しく、大きな悩みとなっていました。例えば、人気アイドルのリリースがあるとそれだけでセッション数もコンバージョンも跳ねてしまいますし、在庫切れがあれば離脱率が跳ね上がります。このようにGA分析での前年比が役立たなくなってしまうんです。しかし今回flamingoによって「ABテスト」を導入できたことで、UI以外を同条件とした比較ができるようになって検証がしやすくなりました。

きっかけは、SNS上で購入完了画面のスクリーンショットを使って推しグッズの購入報告を行う文化があるという情報をアイスリーデザインのプロジェクトデザイナーである武本さんから共有いただいたことになりました。UI改善を通して、2022年の目標である「サイトの基礎的な見直し」がひと段落していたので、次のステップとしてお客さまに喜んでいただける施策を行いたいと思っていたところでした。

セブンネットショッピング様のご要望を確認して検証したところ、flamingoを使うことで実現可能だということがわかりました。しかし、各ユーザーのサイトカラーを変更するためには、その人の推し情報をどこかに持っておかなければいけません。ログイン情報に紐づいていれば簡単ですがそこの改修は簡単にできませんし、flamingoの中に持たせることも難しい。そこでちょっとした工夫を行い、端末側に情報を持たせる手法を採用して実現することができました。

サイトのテーマカラーとして使う以上はユーザビリティの確保が大前提となります。もし色がストレスになったら離脱されてしまいますからね。背景色に使えるトーンは抑えないといけないので、背景色自体は淡めにして、注目キーワードやボタンの色で推しの色をハッキリと出すよう調整しました。

CVRが107％改善し、直帰率・平均セッション時間などの数値改善にも繋がっていました。これは「どうしたらお客さまに楽しんでいただけるか？喜んでいただけるか？」「どうしたら満足していただけるか？」を考えての施策に、自然と数字もついてきた結果です。このことから、お客さま目線に立って業務を行うことの大切さを実感することができました。

SNSでの反応も好評で、サイトカラーを変更したスクリーンショット付きで好意的なご意見を投稿してくださったお客さまが沢山いらっしゃいました。また、アンケートでも「サイトを見る度、ワクワク感が増して、楽しかった」「推し色に変わった瞬間にキュンとなりました」などリアルに喜んでいただいている声が届いています。中でも「期間限定ではなくて、ずっと続けて欲しい」というご意見も頂けたのはとても嬉しかったです。

お客さまアンケートで「箱推し（個別メンバーではなくグループ全体を推すこと）なのでレインボーにしてほしい」「推しが複数いるから何色を選択すればいいかわからない」という意見をたくさんいただいたので、レインボーを追加することにしました。これまで紫を使われている方が多かったのですが、今ではその2倍ほどのお客さまがレインボーを選択されています。今後もお客さまと一緒にサイトを作り上げていきたいです。