【課題】UIUX改善

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題として、架空のクライアントからの依頼内容を元に、ECサイトのUIUX改善に取り組みました。 デザインカンプと提案資料を作成しました。

目次

1. 制作情報

2. 課題概要

3. 情報設計

4. 制作物

5. 工夫したポイント

6. 制作を通して学んだこと


1. 制作情報

制作時間:1週間

制作範囲:架空のECサイトのUIの改善、提案資料の作成

使用ツール:Figma、Photoshop


2. 課題概要

SHE株式会社が展開する架空のECサイト(SHE loves)が抱える2つの課題をUI/UXデザインで解決する。

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

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

3. 情報設計


4. 制作物

クライアントが抱える課題①

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



クライアントが抱える課題②

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


5. 工夫したポイント

課題①:フォームが空欄だと入力方法で迷わせてしまうためプレースホルダーを設置しました。

ステップフローを設けて購入完了までのステップを可視化しました。


課題②:商品が並んでいるだけでは探しづらく離脱につながり易いため、ユーザーの関心を引き出せるようなトピックスを設けました。

6. 制作を通して学んだこと

ECサイトの質と売上を上げるためにUI/UXを追求する重要性を学びました。商品に興味があっても、購入がスムーズにできなかったり、なんとなく使いにくさを感じると離脱される可能性が高まります。逆により良いユーザー体験のために使いやすさを追求して、同じ商品でも見せ方でより魅力的に、ユーザーの関心を高め購入に繋げやすくなります。今後もサイトのデザインなどの際にUI/UXの観点を取り入れて制作していきたいと思いました。



WEBSITE