UIUX改善

💻　制作物

１　ペーパープロトタイプ

２　デザインカンプ

３　提案資料

🗒　制作手順

STEP１　要件整理

STEP２　情報設計

STEP３　ビジュアルデザイン

STEP４　提案資料作成

🕛　制作時間：21.5時間

📐　使用ツール

Figma,Photoshop

制作手順

STEP１　要件整理

クライアントからの要件

• クライアント情報

クライアント名：SHE株式会社
「ひとりひとりが自分にしかない価値を発揮し、熱狂して生きる世の中を作る」をビジョンに据え、ミレニアルズの私らしい生き方を叶える「ミレニアルライフコーチングカンパニー」です。主な事業としては、ミレニアルズの私らしい働き方を叶えるプラットフォーム「SHElikes」、ワーク＆ライフスタイルをアップデートするクリエイションパートナー「SHEcreators」の2つを成長エンジンとし、自分らしい生き方の実現に向けたサポートを行っています。

01　依頼内容

SHEのブランド展開としてECサイトを運営し始めました。さらに売り上げを伸ばすためにUIUX改善に取り組みたいと思っています。弊社が今感じている課題感を共有するので解決案を提案してください。

02　サービス名

SHE loves

現在はSHEのCIを展開したグッズがメインだが、今後コスメや日用品、家具など生活に関わる商品の開発をしていく予定。

03　クライアントが抱えている課題

• フォームでの離脱率が大きくカートに商品が入っても購入にまで至っている人が少ない
• 一回の購買における購入商品数が平均1個となっており、購入単価が低い

04　ECサイトのターゲット

• SHElikesの会員
• まだ会員ではないがSHEに興味がある人
• SHEの世界観が好きな人

05　ペルソナ

【属性】東京在住　IT企業で事務職（7年目）既婚で旦那さんと二人暮らし

【背景や行動】SHElikesの会員。将来はフリーランスのWebデザイナーになりたいと思い入会。Webデザインを中心に受講中。他スクールもいろいろと見たが、SHElikesの世界観に惹かれ入会を決める。会員さん同士でも繋がりが多くプライベートでもよく交流している。

【ニーズやゴール】SHEの世界観にもっと触れたい、SHElikesの受講モチベーションを高めたい

STEP２　情報設計

STEP３　ビジュアルデザイン

STEP４　提案資料作成

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

課題２：一回の購買における購入商品数が平均１個となっており、購入単価が低い

工夫したこと

既存のECサイトを比較し、使いやすいと感じたポイントを各サイトから取り入れました。フォームについては個別に調べ、離脱されない工夫を学んでから自分のデザインに反映させました。ボタンなどの要素を追加する際はSHEのデザインガイドラインに沿って作成し、トンマナの統一性を重視しました。

学んだこと

UIとUXの関係性

UIはUXを高めるための一要素ではあるものの、UIに注力するだけでUXが向上するわけではないことを学びました。今回の課題では、UIにあたるビジュアルデザインの機能性を重視しすぎるとSHEの世界観を壊してしまうことになりUXが損なわれるため、バランスが難しかったです。サービス全体を通してユーザーにどのような感情になってもらいたいかを考え、そのコンセプトを軸にUIをデザインしていく必要があると思いました。

感想

普段様々なサイトを利用する中で「なんとなく使いづらいな」と感じることがありますが、その使いづらさの要因を特定し、解決するための要件を考え、デザインが改善されることによって、より良いサービスに進化していく流れを知ることができました。UIUXデザイナーは、デザインの力を活用して課題解決に取り組むことで企業やユーザーにダイレクトに貢献できる魅力的な仕事だと感じました。