【課題UI/UX改善】ECサイト~SHE loves~
OVERVIEW
SHElikes Pro デザイナーの課題でUI/UX改善に取り組みました。 既存のWebサイトにおいてクライアントが感じている課題をFigmaを用いて、UI/UXデザインにより解決することに挑戦しました。
制作情報
【制作時間】2週間
【使用ツール】Figma / Photoshop
制作物
・ECサイト「SHEloves」のUIUX改善提案資料 (PDF)
依頼内容

課題①
フォーム離脱率が大きく、カートに商品が入っても購入完了まで至っている人が少ない
課題 / 原因 / 解決の要件 / ペーパープロトタイプ

完成したUI(解決方法)


課題②
欲しい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い
課題 / 原因 / 解決の要件 / ペーパープロトタイプ

完成したUI(解決方法)

課題③
一回の購買における購入商品数が平均1個となっており、購入単価が低い
課題 / 原因 / 解決の要件 / ペーパープロトタイプ
完成したUI(解決方法)


その他改善案


頑張ったポイント/工夫したところ
- ユーザーとしての体験を意識しながらサイトを検証することで、課題点を明確化し、改善アイデアを主体的に導き出すことができました。
- 課題を分断せずに全体を俯瞰し、つながりを意識してUIをまとめて改善したことで、ユーザーにとって自然な体験を提供できるよう工夫しました。
- 今の課題だけではなく、未来につながるような改善案をも考えて提案しました。
- 様々なECサイトで購入画面までリサーチをして、今回の改善案の参考にしています。
学んだところ
・色や形のデザインだけでなく、ユーザーにとってわかりやすく「直感でどのように操作するかわかること」や「ストレスなく最後までサイトが使えるか」に着目して、サイトを作り上げることで、売上アップや、購買体験につながることを学びました。
・UIを改善するにあたり、課題を見極め、要因→要件の順番に仮説を立てて取り組むことで、効果的なUIに仕上がることを学ぶことができました。
・Figmaを初めて使用しましたが、Figmaでの資料作成の方法など実践的に学ぶことができ、これからももっと積極的に使用していきたいと思っています。
