プロジェクトの紹介
2023.12.21
こんにちは、チームラボ ソリューションチームです。
今回は我々が企画・デザイン、UI/UX設計、開発、動画制作、マスコットキャラクター「ニコル」の3Dモデル制作を担当したBUMP OF CHICKEN リスナー向け公式アプリ、オフィシャルサイト、グッズECサイトについてご紹介します。
これまでリスナー向けの会員制サービスを持たなかったBUMP OF CHICKENにとって、このアプリが「リスナーたちの居場所」となるよう、24時間365日音楽を配信しつづけ、他のリスナーとゆるく繋がることのできる『LIVE MUSIC』機能をはじめ、BUMP OF CHICKENの音楽を軸としたサービスです。
「どこにいて、何を見ていてもBUMP OF CHICKENの世界を感じられる」ことを目指し、アプリ・オフィシャルサイト・グッズECサイト、と異なるチャネルでも共通したUXでシームレスな体験になるよう、デザインを共通化し、UI/UXを設計しました。
会員登録をすると「be there」のデジタル会員証が発行され、未公開音源や、メンバーへの限定インタビューといったコンテンツが公開されます。
24時間365日、音楽を流し続ける配信チャンネル。
視聴人数から、「今どれだけの人と一緒にこの曲を聴いているか」が分かり、
その人たちが「何を思ったのか」はリアルタイムのコメントやリアクションで知ることができる。
リスナーにとって、お互いの存在をゆるく感じることのできる、「居場所」としての『be there』を体現する機能です。
BUMP OF CHICKENのVocal&Guitar 藤原基央さんが描く、マスコットキャラクター「ニコル」と共に遊べる機能『MEET NICOLE』。
過去の手描きイラストを元に、ニコルを完全3Dモデル化。
ユーザーのインタラクションによって表情を変え、気ままに楽器を演奏したり、たまに昼寝をするニコルと共にゆるやかな時間を過ごすことができます。
また、実在する公式グッズや、BUMP OF CHICKENにゆかりのあるアイテムもモデル化し、着せ替えをしたり、部屋を模様替えすることで自分とニコルだけの空間を作り出せます。
今回紹介した案件以外にもチームラボでは様々なクライアントのプロダクト企画・デザイン・開発を手掛けています。他の実績については以下のリンク先で見ることができますので、是非ご覧ください！
Works｜チームラボ
https://www.team-lab.com
そしてチームラボソリューションチームでは一緒に働くメンバーを募集中です！
▼ご興味ある方はこちら
ソリューション｜プロダクトマネージャー - 中途採用 - Recruit｜チームラボ
https://www.team-lab.com
UI/UXデザイナー - 中途採用 - Recruit｜チームラボ
https://www.team-lab.com
チームラボエンジニア採用 新卒/中途|Webフロントエンド/Flutter/積極採用中
https://www.team-lab.com
オフィシャルサイト
https://www.bumpofchicken.com/
be there
https://www.bumpofchicken.com/be_there
グッズECサイト
https://shop.bumpofchicken.com
アプリ公開日
2023年5月28日(日)
ダウンロード
App Store：
https://apps.apple.com/us/app/bumpofchicken-app/id1629667949
Google Play：
https://play.google.com/store/apps/details?id=com.bump.of.chicken.app
関連するプロジェクトの紹介
大同生命 「どうだい？」公式アプリの新規構築において、企画、UI/UX設計、デザイン、開発を一貫して担当しました。
プロジェクトの紹介
2026.5.13
チームラボが千葉銀行公式サイトのリニューアルを手掛けました。
プロジェクトの紹介
2026.4.28
チームラボが慶應義塾公式ウェブサイトのリニューアルを手掛けました！
プロジェクトの紹介
2026.4.24
すべての人の快適な空港体験 ── 成田国際空港公式Webサイト リニューアルの設計指針
プロジェクトの紹介
2026.4.23
“学校というインターフェース”のデザイン — 安平町早来学園 ICT空間設計
プロジェクトの紹介
2026.2.26
体験価値を高めるために、あえて機能を削ぎ落とす。チームラボアプリの「経路案内機能」のデザイン
プロジェクトの紹介
2025.9.12
リスナーの“居場所”となる体験を追求する―。BUMP OF CHICKEN 公式アプリ『be there』開発の裏側
プロジェクトの紹介
2025.5.15
【Featured Projects 2023で講演】チームラボがICT空間設計を行った義務教育学校「安平町立 早来学園」について
プロジェクトの紹介
2023.4.24
3つの交通手段を単体で決済できるアプリRingo Passを制作しました
プロジェクトの紹介
2022.7.27
ネットでも通販でも使いやすく東急ハンズアプリを制作しました
プロジェクトの紹介
2021.10.07
十分な機能で無駄を無くすavex入館申請支援と会議室予約管理システムを制作しました
プロジェクトの紹介
2021.9.30
最適なタイミングでニーズにあった服を提案するアプリ「メチャカリ」を制作しました
プロジェクトの紹介
2021.9.24
相性の良い物件と出会える東急リバブル不動産検索サイトを制作しました
プロジェクトの紹介
2021.9.17
的確に情報を提示する日本ペイントコーポレートサイトを制作しました
プロジェクトの紹介
2021.9.16
好きな球団の情報をいち早くキャッチできるアプリ「パ・リーグ.com」を制作しました
プロジェクトの紹介
2021.9.10
全ての媒体で魅力的に表示する大阪芸術大学サイトを製作しました
プロジェクトの紹介
2021.9.09
使いやすく洗礼されたデザインを目指したヒルズアプリの製作裏話
プロジェクトの紹介
2021.8.06
イノベーション自販機連動アプリacure pass
プロジェクトの紹介
2021.8.05
より使いやすくZIPAIR公式Webサイト
プロジェクトの紹介
2021.7.30
ゴジラ公式アプリ「ゴジラ＋」製作裏話
プロジェクトの紹介
2021.7.17
（後編） チームラボがサイトリニューアルを担当したZIPAIR公式Webサイトの開発裏側をインタビューして頂きました！
プロジェクトの紹介
2021.4.21
（前編）チームラボがサイトリニューアルを担当したZIPAIR公式Webサイトの開発裏側をインタビューして頂きました！
プロジェクトの紹介
2021.4.14
