【架空案件】UI/UX改善提案 -ECサイト-
OVERVIEW
SHElikes MULTI CREATOR PROJECTにて、UI/UX改善提案課題に取り組みました。ペーパープロトタイプ、Figmaを使用したデザインカンプ、改善提案資料を作成しました。
|制作概要|
制 作 期 間 :約1週間
制 作 範 囲 :ECサイトデザインデータの分析・仮説要因立て・提案書の作成
使用ソフト:Figma
|目次|
1.目的
2. 要件
3. UI改善案資料(要因分析・工夫した点)
4. 作成したUI
5. 制作を通して学んだ点
1, 目的
・UI改善の知識を定着させる
・課題が発生している要因を考え、それを解決するUIを提案する力を身に付ける
・既存のUIルールやトンマナに沿ってUIを作成することを学ぶ
2, 要件
- クライアント情報
「ひとりひとりが自分にしかない価値を発揮し、熱狂して生きる世の中を作る」をビジョンに据え、ミ レニアルズの私らしい生き方を叶える「ミレニアルライフコーチングカンパニー」。主な事業として は、ミレニアルズの私らしい働き方を叶えるプラットフォーム「SHElikes」、ワーク&ライフスタイルを アップデートするクリエィションパートナー「SHEcreators」の2つを成長エンジンとし、自分らしい生 き方の実現に向けたサポートを行なっている。 - サービス名について:SHE loves
現在はSHEのCIを展開したグッズがメインだが、今後コスメや日用品、家具など 生活に関わる商品の開発をしていく予定 - 目的
UIを改善することで顧客の購買体験を良くするとともに売り上げを伸ばしたい - ターゲット
①SHElikesの会員 ②まだ会員ではないがSHEに興味がある人
③SHEの世界観が好きな人 - 課題
①フォームでの離脱率が大きくカートに商品が入っても購入完了まで至っている人 が少ない
②一回の購買における購入商品数が平均1個となっており、購入単価が低い - ペルソナ
- 改善前のデザイン
3, UI改善案資料
① フォームでの離脱率が大きくカートに商品が入っても購入完了まで至っている人 が少ない
② 一回の購買における購入商品数が平均1個となっており、購入単価が低い
4, 改善後のデザイン
5, 制作を通して学んだ点
■ UI/UXの基礎
課題に取り組むにあたってUIUXの基礎を学ぶことができました。いかにユーザーに悩ませないか、迷わせないかということが大事であり、配色や余白のとり方などによって影響することを感じました。普段、ECサイトを使用する身としては何気なく使っているものでも細かい工夫があるのだと思いました。