ECサイト　UI/UX改善

【制作概要】

制作範囲：ペーパープロトタイプ、figmaでのデザインカンプ制作・改善案制作

使用ソフト：Illustrator、Photoshop、figma

制作期間：約2週間

制作時間：約15時間

●クライアントの要望

運営するECサイトにおいて起きている問題の解決方法の提案。

● クライアント情報

クライアント名：SHE株式会社

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

▼クライアント依頼資料

【制作物：課題改善提案資料】

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

解決方法

• フォーム内に入力の見本、エラーメッセージを表示できるように変更。
• 注文後、どれくらいで完了するのか視覚的に分かりやすいよう進捗バーを設置。
• 支払い方法を充実させ、アイコンで分かりやすく表示。

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

解決方法

• 画面下部にナビゲーションを固定で設置。ユーザーが知りたい情報にすぐアクセスできる動線に変更。
• home画面で商品検索ができるよう、カテゴリのアイコンを設置。
• カートに複数商品を購入したくなる文言を追加、おすすめ商品を表示するように変更。

【工夫したポイント】

色々なアプリやECサイトを参考にしながら、「なぜこのデザインになっているのか」という部分を考えつつ制作を進めました。ユーザー視点に立って、スマホでの操作性や購入に至るまでどういう動線になっているかという部分を意識しました。

また、世界観を壊さないようトンマナにあった配色を意識しました。各セクションのタイトルに当たる部分のテキストは黒ではなくグリーンを使い、SHE株式会社のイメージに合うよう工夫しました。

【制作を通して学んだこと】

アプリやECサイトをデザインの観点から分析したことで、どの様な工夫がされていて、なぜユーザーが特に苦労せず使用できているのかということを意識できるようになり、デザイナーとしての思考力を深めることができました。普段の使用でも分析する癖をつけ、スキルを磨いていきたいと思います。