2020.10.09

  • CATEGORY: スマホアプリ開発

博報堂DYホールディングス 様
制作領域:UI/UX | デザイン | 設計 | 開発 | 運用


 

音声配信アプリ「Artistspoken」iPhone用アプリを開発しました。
Artistspokenはアーティストに特化した音声配信プラットフォームです。
アーティスト自らが収録・配信をおこなう月額制音声配信サービスで、「日常のつぶやき」「制作の裏側」「社会性の強いテーマ」など実に多彩なアーティストの本音、頭の中をアーティスト自身の声で聞くことが出来る、まさにプレミアムな内容となっています。
また、アーティストに聞いてみたいこと・気になることを投げかけることができる「質問機能」などを使ってインタラクティブなやりとりも可能です。

▼依頼内容・要望
アーティストとファン、両者の想いを繋げられるような音声配信アプリを開発し、
暮らしを少し面白く、少し優しくしてれるサービスを提供したいとのご依頼でした。
新規立ち上げということで、スピード感を保ちながら仕様のブラッシュアップからロードマップ検討、
ストア申請など両社一緒にサービスを作り上げていってもらえるような企業をお探しという中で
弊社をご選定いただき同サービスの立ち上げをご一緒させていただく形となりました。

[サービス立ち上げ時の想い]
〈アーティスト〉
①ファンのエンゲージメントを⾼める繋がりがSNSだけではできていない
②自らが手がけた作品だけではなく、⾃分の考え哲学も⾃らの⾔葉で発信していきたい
③アーティスト性を保ちながらファンとの継続的良好な関係を築いていきたい
④もっと多くの人に自分自身を知ってもらいたい
〈ファン〉
①アーティストと直接コミュニケーション取れる場がかなり限られている
②⼤好きなアーティストの制作秘話をこめた想いや意味を深掘りした情報を手軽に取得したい
③いつでもどこでもアーティストのここだけの特別な話を聞きたい
④気軽に他のアーティストに触れることでの偶然の出会い、新しい出会いも期待したい

▼トンマナ検討
アプリのコンセプトを元に、トンマナ検討をしました。
背景色を、カラーベース・黒色ベース・白色ベース、で検討した結果、カラーベースで制作進行をしました。
参加アーティストをフラットに見せるため、またArtistspokenを通じてアーティスト自身のカラーをそれぞれ加えて欲しいという思いから、あえてアーティスト写真はモノクロ色で展開しています。

▼画面導線設計

[新規会員登録/ログイン]
・新規登録 はメアド・Appleログイン・Facebookの3フォームと通常ログインを作成しました。
・ログイン導線は、登録完了までの道筋をSTEP表示で明確にすることで、離脱防止を考慮しています
・バリデーション機能により入力ミスを防ぎます。
[HOME以降]
・アーティストに特化したアプリという意味合いからもアーティスト写真をメインに設計しました。
・アーティスト詳細に遷移する際のトランジション(場面の切替効果)も独自の演出となっており、導線設計の中で同時に考えられています。

▼画面設計&UI

[新規会員登録/ログイン]
・スプラッシュにはロゴを大きく表示し、以降は上部に訴求しました。
・数案のデザイン案の中から考察の上決定し展開しました。HOME以降のデザインとは切り分けた様々なカラーが混ざりあった躍動感溢れるデザインとなっています。

[HOME以降]
・アーティスト一覧のサムネには縦長のアーティスト写真にアーティスト名(縦書き)と肩書きを配置し、他競合サービス/音楽配信サービスにはないレイアウト構成でデザインの差別化をはかりました。また落ち着いたトーンと無駄のないデザインによりスマートな印象を与えられるよう心がけました。
・音声再生画面(オーバーレイ)にはユーザーとの交流の入口である「レター」「シェア」のアイコンをデザインしました。
・各アーティスト写真はモノクロで正方形2サイズ、縦比の高い2サイズをそれぞれ調整・切り出し加工を行なっています。

▼開発
iPhoneアプリ側と、音声配信を行うための管理システム・API側の制作を並行して行いました。

[iPhoneアプリ開発]
アジャイル方式でベースデザインがある程度まとまってから先行してデータ通信を除いたアプリ側の実装を行うことで、動きやイメージを先行して共有できるよう制作を進めました。
デザインやカラーがシンプルな構造となっているため、アーティスト詳細に遷移する際のサムネイルのトランジションの実装は独自の演出として作成し、テーブルセルの座標の取得方法やトランジション自体を拡張するなど、いくつかの演出を入れています。
〈主な機能〉
・参加アーティストの一覧
・参加アーティストの詳細(配信音声一覧)
・新着の配信音声一覧
・音声再生(再生後、アプリ内でいつでも視聴できるように共通ウインドウ化、バックグランド視聴も可能)
・SNSへのシェア(ブラウザ、Facebook、Twitter、Lineなど)
・アーティストへの質問投稿
・各種設定

[管理システム・API開発]
参画いただくアーティストの方々の登録と各音声配信を行えるような管理システムになります。
管理機能・iPhoneと連携ができるよう、設計から開発まで一気通関で行っています。
登録した音声がAPIを返してアプリ側で表示・視聴が行えること、配信のタイミングにてPush通知が行われるようにするなど、運用も意識した制作を行いました。
〈主な機能〉
・アーティスト管理
・音声配信登録
・配信時Push連携
・ユーザー管理
・iPhone側で必要な各種API
・データ分析機能

▼テスト
会員登録、操作、挙動、表示内容の確認をしました。
検証項目管理表を作成し、あらゆるシナリオを想定し各機能に対しテストを行いました。修正項目を洗い出し動作環境を最適な状態に調整しています。
[その他]
・アーティストのサムネ画像の登録、アーティスト質問箱の作成とその挙動確認をしました。

▼リリース
2020年9月9日に無料版をローンチし、約1ヵ月間、無料で全音声聴き放題のローンチキャンペーンを実施しました。
課金を含めたバージョンアップ、運用含めた機能追加などを引き続き行っています。
より良いサービスになるよう引き続き尽力してまいります。

CONTACT

お電話でお問い合わせ

TEL:03-6407-8167