[課題]自社ECサイト UI・UXデザイン

OVERVIEW

SHElikes MULTI CREATOR COURSEの制作課題としてECサイトのUIUX改善に取り組みました。クライアントからの要件書を元に、提案書を書き下ろし、モックアップの作成まで行いました。

●制作期間・・・2週間
●使用ツール・・・Figma

●課題概要

※クライアントが抱えている課題3つのうち2つ選択し、その課題解決に取り組む。

●課題1とその解決方法

(UIのBefore→After)

(課題1)ほしい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い

(解決策①)カテゴリーごとで商品を分け、カテゴリー一覧から検索できるようにする

(解決策②)キーワード検索からより具体的に商品を絞ることができるようにする

(+@の解決策)様々な商品を比べたい時にサイト内を快適に戻れるようにする

●課題2とその解決方法

(UIのBefore→After)

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

解決策①)会員はログインすることで入力する手間を省く

(解決策②)非会員も手動入力する項目を減らして入力する手間を省く

●全体のUI

●課題に取り組むにあたって

・初めてのUI・UXデザインだったため、まずは普段自分が利用しているECサイトやショ         ッピングアプリを見て、商品検索や購入画面を細部まで見てみました。
・直感的に”良い”と思ったデザインも、”なぜ良いと思うのか”、”今回の課題解決につなが  るデザインなのか”を言語化しながら、課題解決に向けたデザインを考えました。

●学んだこと

・課題を解決するために、論理的に解決策を考えていく工程がとても勉強になりました。
・普段使い慣れているショッピングアプリやECサイトを参考にしましたが、改めてUI・     UXの観点から見ると、初めての人にも分かりやすいデザインだと気づきました。ユー  ザーにとって、商品の魅力が伝わるだけではなく、”快適に買い物ができるか”が重要で      あると学びました。
・Figmaを使った制作も初めてだったため、オートレイアウト、プラグインなど                Photoshopにはないツールの使い方も学びました。