株式会社viviON 音声再生アプリ「DLsite Sound」開発
電子書籍・ボイス・ゲーム販売サイト「DLsite」で購入した音声作品を再生できるアプリの「DLsite Sound」開発プロジェクトにメインデザイナーとして企画からジョインしました。
プロダクトオーナー:
株式会社viviON
制作期間:
2022.04 - 2022.10
担当領域:
UIデザイン、UXリサーチ、ロゴデザイン
URL:
https://www.dlsite.com/modpub/dlsitesound/lp/

TASK

従来、「DLsite」で購入した音声作品はブラウザのみ対応の「DLsite Play」で再生できる仕組みでしたが、iOSユーザーから「バックグラウンド再生ができない」「音声再生はオリジナルの音源ではなくwebでの最適化された形式になっている」等の声が多く寄せられたため、これらの課題を解決させてユーザーに最高の音声体験を届けるために音声再生アプリを作成することがゴールでした。

STORY

UXリサーチ

まずは既存のDLsite Playユーザーが普段どのような使い方をしているか、利用シーンや課題などを把握するために、リサーチャーと共同でユーザーテストを行いました。

またアプリの仕様を決めるにあたり、一部の重要な機能がユーザーの中で実際どれくらいの頻度で使われているか、一人当たりのプレイリスト作成数など定量的な調査も行った上で、第一段階のリリースで実現可能な仕様なのかエンジニアやそのほか関係者と打ち合わせをしながら、それぞれの機能に優先度をつけていきました。

デザインの方向性決め

まずデザインの方向性を固めるために、アプリに持たせたいイメージやターゲットユーザーの趣向などをもとに、カラーパターンやアプリ全体の印象決めを行いました。

資料
資料

ワイヤーフレームの作成

上記のリサーチ結果や仕様書をもとに、ワイヤーフレームを作成しました。細かな挙動の部分は実装可能かどうかエンジニアと相談しながら作り込んでいきました。

ワイヤーフレーム

画面デザインの作成

ワイヤーフレームをもとにアプリのデザインをFigmaで作成していきました。以下デザインの一部になります。

デザイン

ロゴデザインの作成

DLsite Soundのコンセプトに沿ったロゴのデザインを行いました。以下デザインになります。

ロゴ