ECサイトのUIUX改善(課題)

OVERVIEW

キャリアスクールSHElikesの Multi Creator Courseの課題で制作したUIUX改善資料。figmaでUIUXの仕様を制作し、説明資料をPDFにまとめました。【使用ツール:figma/illustrator/Photoshop】

YEAR 2021

◇制作時間:約25時間

◇課題概要

クライアント(ミレニアム世代向けライフコーチングカンパニー)からの案件依頼という想定でUIUX改善資料を作成する

 <クライアントの要望概要>
 ブランド展開としてはじめたECサイトで顧客の購買体験を良くし売り上げのばすため
 のUI改善の提案
 figmaにて現在のECサイトデザイン/デザインルール/ペルソナ提供あり

 <解決したい課題>
  ・フォームでの離脱率が大きくカートに商品が入っても購入完了まで至る人が少ない
  ・ほしい商品が見つけづらく商品をカゴに入れずに離脱している人が多い
  ・一回の購買における購入商品数が平均1個となっており購入単価が低い
 上記のうち2点を選び改善に取り組む

 クライアント提供データ

◇制作工程

⑴課題の選択と解決のための情報収集と考察
解決に取り組む課題2点を選択し類似サイトのUIを情報収集し改善策について考えました。

⑵figmaにてサイトデザインを追加・変更
解決策とそれに付随する追加/変更事項をデザインに反映させました。必要に応じてillustratorとPhotoshopも使用してデザインに取り入れました。

⑶提案資料を作成
提案資料のフォーマットを使用して内容をまとめました。モックアップを使用してわかりやすい資料になるよう心掛けました。

◇完成したUI こちら

◇提案資料

◇学んだこと

・課題解決のためには該当箇所だけに注目するのではなく、全体の流れからUIを構築し直す必要がある

・UIを考えるときには特にユーザー側の視点を意識して改善ポイントを探したり、時に新たにコンテンツを考え提案する

・UIUX分野はユーザー側、クライアント側ともにダイレクトに効果(CV等)が反映される