【課題UI/UX改善】ECサイト~SHE loves~

OVERVIEW

SHElikes Pro デザイナーの課題でUI/UX改善に取り組みました。 既存のWebサイトにおいてクライアントが感じている課題をFigmaを用いて、UI/UXデザインにより解決することに挑戦しました。

YEAR 2025

制作情報

【制作時間】2週間

【使用ツール】Figma / Photoshop

制作物

・ECサイト「SHEloves」のUIUX改善提案資料 (PDF)


依頼内容


課題①

フォーム離脱率が大きく、カートに商品が入っても購入完了まで至っている人が少ない


課題 / 原因 / 解決の要件 / ペーパープロトタイプ

完成したUI(解決方法)


課題②

欲しい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い


課題 / 原因 / 解決の要件 / ペーパープロトタイプ


完成したUI(解決方法)


課題③

一回の購買における購入商品数が平均1個となっており、購入単価が低い


課題 / 原因 / 解決の要件 / ペーパープロトタイプ


完成したUI(解決方法)



その他改善案



頑張ったポイント/工夫したところ

  • ユーザーとしての体験を意識しながらサイトを検証することで、課題点を明確化し、改善アイデアを主体的に導き出すことができました。
  • 課題を分断せずに全体を俯瞰し、つながりを意識してUIをまとめて改善したことで、ユーザーにとって自然な体験を提供できるよう工夫しました。
  • 今の課題だけではなく、未来につながるような改善案をも考えて提案しました。
  • 様々なECサイトで購入画面までリサーチをして、今回の改善案の参考にしています。


学んだところ

・色や形のデザインだけでなく、ユーザーにとってわかりやすく「直感でどのように操作するかわかること」や「ストレスなく最後までサイトが使えるか」に着目して、サイトを作り上げることで、売上アップや、購買体験につながることを学びました。

・UIを改善するにあたり、課題を見極め、要因→要件の順番に仮説を立てて取り組むことで、効果的なUIに仕上がることを学ぶことができました。

・Figmaを初めて使用しましたが、Figmaでの資料作成の方法など実践的に学ぶことができ、これからももっと積極的に使用していきたいと思っています。