本文へ移動

Case Study

Peace You Live ライブコマースアプリのUIUXデザイン・開発伴走支援

既存のネイティブアプリでの体験をベースに、ライブコマースを手軽に視聴できるWebアプリ版のUI/UX設計を担当。他社調査やヒアリングを重ね、ユーザーの妨げとならずにダウンロードへと繋げる導線設計を行いました。デザイン着手時には既存の課題を棚卸し、課題解決を考慮したUIデザインを設計しました。

サマリー

クライアントの課題

  • スマホアプリのダウンロードの垣根を越えて、誰でも簡単にピースユーライブのリアルタイムのライブコマースを視聴可能にしたい
  • SNS等から手軽にライブコマースに流入できるアクセシビリティを高めたい
  • デザインから開発まで一気通貫かつ短時間でリリースしたい
  • スマホアプリのみでは閲覧にダウンロードが必要なため、ライバーによる1次集客が難しく、ユーザーは応援しているライバーの配信や商品を共有しづらい

CULUMUの活動・成果

  • モバイルファーストなUIデザイン構築やダウンロードに繋げるためのUX設計を担当
  • カラーやフォントの定義、UIパーツ(コンポーネント)を再整理しデザインシステムの作成
  • デザイン・開発合わせて4ヶ月でMVPリリース

モバイルファーストなUIデザイン構築やダウンロードに繋げるためのUX設計

既存のネイティブアプリでの体験をベースに、ライブコマースを手軽に視聴できるWebアプリ版のUI/UX設計を担当。他社調査やヒアリングを重ね、ユーザーの妨げとならずにダウンロードへと繋げる導線設計を行いました。デザイン着手時には既存の課題を棚卸し、課題解決を考慮したUIデザインを設計しました。

モバイルデザインから代表的な画面5枚
PCデザインのトップ画面

デザインシステムの再整理

既存のフォントやカラーを一新しました。より多くの方が楽しめるプロダクトとなるよう、可読性の高いフォントやコントラストの高いカラーを採用しました。デザインシステムを整備し、今後のデザイン運用や開発がしやすい環境を提供しました。

デザインシステムの一部(フォント・カラー・アイコン)
デザインシステムの一部(コンポーネント)

デザインから開発までの一気通貫で短期リリース

PM・デザイナーのアサインと密なコミュニケーションによって約4ヶ月の短期間でリリースしました。
システム要件定義・WF設計・UI作成で約1ヶ月半、開発・テスト・検証までで約2ヶ月で対応しました。

プロジェクト全体像(スケジュール概要)

【プレスリリース】
https://prtimes.jp/main/html/rd/p/000000036.000087058.html

Download

資料ダウンロード(無料)

STYZでは、定期的に事例・実績、システム開発に纏わるナレッジなどを公開しております。ぜひご活用ください。

資料ダウンロード(無料)

Contact

お問い合わせ・ご相談

プロジェクトに関するご相談はお気軽にご相談ください。お見積もり依頼も可能です。1営業日中にご返信いたします。

お問い合わせする