[課題]自社ECサイト UI・UXデザイン
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にはないツールの使い方も学びました。