←  Case Studies

Case Study Boombotix Inc. 

UI Mobile Design for Boombotix Music App

My role: Design lead and contractor at Vehicle SF
Client: Boombotix
Context: UI mobile design for iOS and Android
Year: 2015

The Task
Boombotix is a company that designs innovative, high-quality portable audio devices for a young audience that are music lovers, artists, style conscious, tech-savvy, urban and outdoor active people. With the goal to be more mobile by extending their music experience outdoors, Boombotix wants to invent their own music app. Vehicle SF – a creative agency for whom I was a design lead contractor – got commissioned to design the new Boombotix mobile application – for iOS and Android.

 
Speaker_App_Sync.jpg

Boombotix engineers industrial products and designs innovative technologies that seeks in ultra-portability and acoustic speaker performance. Located in San Francisco, the epicenter of technological innovation, the city is their lab. 

 

Boombotix People and Brand

Boombotix_Target_Audience.jpg

The Boombotix audience is youthful, so the vocabulary is fresh, colorful, bold and punk. The voice reflects the immediacy of a mobile generation, fluent in technology. The Boombotix people embrace and have appreciation for art, culture, music and design – and definitely a sense of humor. There is a confidence of someone who’s been around the block a time or two, maintaining a strong street culture and enhancing outdoor adventures that nurtures self-expression at every turn.

 

Brand Tenets

Screen Shot 2018-03-26 at 12.02.18 PM.png
 

Brand Design Elements

Boombotix_Brand_Design.jpg
 

Design Prototype for Android & iOS

 Click on image to see interactive prototype

Click on image to see interactive prototype

 

Flow sequence Speaker Connection

App_Speaker_Setup-01-01.png
 

Flow sequence Play – with queue list and voice-enabled technology

Walkthrough_Play_Quelist_Search-01.png
 

App Flow Structure

App Flow Structure .png

The app structure contains three main areas the users goes through:
1. Onboarding experience or the set up
2. Play experience
3. Settings for adjusting the user's music settings, the music source, speaker connection and the network.

Low-Fi Sketch App Structure

Music_App_Flow_Sketch.jpg

Thinking through the product, it's structure and user flow requires a lot of low-fi sketching and paper prototyping

 

Product branding for 'Thundercloud'

Music App - Thundercloud_branding_A.png

Boombotix had also their own cloud based chip technology under development, called 'Thundercloud'. The Thundercloud chip could be inserted directly into the speakers to allow fast connectivity without depending on other networks like Bluetooth or Wifi.

 

Final Prototype

UX_Play_Music App.jpg