主な目的は、デザインを新しい印象にすることと、余白を活用して情報を分かりやすく・見やすくすることでした。 長年運用されてきた大規模サービスのため、既存機能や並行開発への影響を考慮しながら、変更範囲を見極めて進めました。

長年の機能追加や改修によって、商品情報や購入を促すリンクが積み重なっていました。情報量を維持しながら、必要な情報を探しやすく、目的の機能へ進みやすい画面に整理する必要がありました。

TOPページや商品一覧、ヘッダーなどの改善対象と確認事項をFigJamで整理しました。事業部から示された「元気がある」「ポジティブ」といった抽象的な要望を具体化するため、複数の参考サイトを調査しました。

情報量、視認性、信頼感、親しみやすさなどの観点で特徴を整理し、担当者に実際のサイトを提示。デザイン・配色と機能・実用性を分けて、イメージに近いサイトを確認しました。

情報量の多いECサイトでは、見た目を変えるだけでなく、ユーザーが目的の情報や機能を見つけられることが重要です。既存機能を一度に作り直さず、変更対象を明確にしながら進めました。

PC・SPのTOPページとSPハンバーガーメニューのワイヤーフレームを作成。情報の優先順位、コンテンツの配置、メニューや検索の状態変化を検討し、関係者との認識合わせにも活用しました。

商品やバナーなど多くのコンテンツが並ぶTOPページで、見出しや「もっと見る」の位置関係、余白、整列を調整しました。事業部の希望により、TOPページ本体の大幅な機能改修は行っていません。

情報設計を特に大きく見直したのがヘッダーです。ログイン前後の表示と会員機能の入口を整理し、ユーザー情報よりも「何ができるか」が伝わるラベルを重視しました。

リリース後はGA4の経路データ探索を使用し、変更前後の一定期間におけるPC・SPのユーザー行動を比較しました。
画面の見た目だけでなく、設計時に意図した導線がどのように利用されているかを確かめるためです。

TOPページから主要機能への遷移や、購入完了までの経路などを確認対象とし、デバイスごとの違いにも着目しました。
具体的な数値・分析結果は非公開としています。

次のステップとして、PCではマイページ、SPではカートから購入完了までの操作体験を対象にユーザビリティテストを考えていました。
行動データだけでは把握しきれない、操作時の迷いや理解のしやすさを確かめることが目的でした。
ただし、退職に伴い実施には至っていません。