UI/UX改善提案|ECサイト

OVERVIEW

SHElikes MULTI CREATOR COURSEでの課題、既存のECサイトに対して改善提案を行いました。ペーパープロトタイプ、Figmaを使用したデザインカンプ、改善提案資料の作成をしました。 〔制作時間:2週間 使用ツール:figma Photoshop〕

YEAR 2024

▍要件

-クライアント名:SHE株式会社

-依頼内容:ECサイトの売上をさらに伸ばすためにUIUX改善を依頼。

▍UI/UX改善提案

提案資料1

-解決する課題:フォームでの離脱率が大きくカートに商品が入っても購入にまで至っている人が少ない

-解決方法:フォーム入力項目に薄いグレーで記入例を記載する。全体的にスリム化をしてわかりやすくする。

提案資料2

-解決する課題:ほしい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い

-解決方法:商品詳細ページの使用感向上


▍制作ポイント

ユーザー視点で課題が発生している要因と、解消する要件をペルソナ以上に考えることに時間をかけました。ペーパープロトタイプで描いたものが具現化できたと思います。既存のECサイトの改善なのでデザインルールを崩さないよう追加や改善に違和感がないように意識しました。

どうしてこの課題が発生しているのか、どんなユーザーなのか、どうしたらわかりやすく使いやすいのか、そういった工程をひとつずつ丁寧に進めることで大きな達成感に繋がるんだと実感しました。

▍制作を通じて学んだこと

一見問題のなさそうなデザインでも、クライアントの抱えている課題をユーザー視点で考えると足りなかったり足りすぎていることがわかり、ユーザーの視点で共感して考えることの大切さを学びました。UIもUXもどちらも意識することでより良いサイトになることが理解できました。普段使っているECサイトが使いやすいのも、UIUXをユーザー視点で考えられているからだと思いました。

今後も様々なサイトを閲覧して、自分の引き出しを広げて養っていきたいです。