BIPROGY株式会社 店舗向けキャンペーンサービスのデザイン・開発
サマリー
クライアントの課題
- 既存サービスがあるが、ユーザーからは分かりづらいと言われることが多かった
- 事業拡大のため新機能を追加していきたいが、どのように設けていくのがよいかがわからない
- 見た目にルールがないため、統一感のあるUIとしたい
CULUMUの活動
- 既存画面の課題のヒアリング・棚卸し
- ユーザーがおこなっている業務の整理、ユーザーフローの可視化
- アプリケーション上で扱うオブジェクトの関係性の整理、情報構造の設計
- 画面レイアウト・UI設計
- カラーやフォントの定義、UIパーツ（コンポーネント）の整理
成果
- 実際のユーザーの利用文脈を踏まえた設計とすることで、わかりやすいUIとすることができた。
- 短期間のプロジェクトではあったが、クライアントとのコミュニケーションを密に取ることで、効率的に画面設計をおこなうことができた。
ファネル分析やユーザビリティ評価から課題を抽出
ファネル分析を行いユーザーの利用登録後のキャンペーンの認知から申込までのステップを「ファネル」に分類し、定量的にどのファネルに留まっているかを可視化しました。また、ユーザビリティ評価により、ファネルに留まる理由を抽出し改善すべき課題を定義しました。
ファネル分析とユーザビリティ評価の結果を組み合わせることで、さらに詳細な改善点が抽出できました。
サービスのコンセプト・方針をまとめたコンセプトデッキの作成
ワークショップを通じて、サービスが提供する価値(バリュープロポジション)を定義し、デザインの改善を進行しました。サービスが提供する独自性や優位性を明示に、改善すべきアイデアや施策の優先順位を定義しました。
また、策定したコンセプトを資料にまとめ、社内やチームで展開しやすくしました。
小売店舗の要望に対応しやすいデザインシステムの構築
スギ薬局やライフなど、各サービスのテーマカラーを設定し、導入するサービスのUIが可変するように、UIデザインやバナー作成におけるルールや素材をまとめたデザインシステムを構築しました。
これにより一貫したデザイン方向性を持つことができ、デザインシステムを持つことで、デザインの決定や開発プロセスがより効率的に進行できました。特に、複数の人が携わるプロジェクトでは、デザインシステムがあることで、作業が重複しないようになり、タイムロスが軽減しました。
