Whatevs

Industrial Design

Client

Whatevs

My Role

Product Designer

Platform

Mobile streaming app
Whatevs cover photo

Problem

There is a lot of competition in the streaming music realm, and customers have become accustomed to free service. Revenue now has to be brought in to keep the company going.

The Challenge

Redesign the Whatevs application, create a functional prototype, and handle all UI/UX aspects. Transition the free application to a subscription-based service.

Key Objectives

The Organization has a few interesting mobile features that must be incorporated in the revised version of the B2C app. This app plans on launching Q3 of 2023. The product must include a data consumption mobile application, an API for handling data on the backend. It must have a complete UI overhaul and a new design system.

Solution

I designed and helped implement a comprehensive product suite for Whatevs, which included a mobile application, a design system, a data management application for in-house and future business cases, and a complete brand package. Additionally, I co-wrote and developed go-to-market strategies, executive summaries, pitch decks, and narratives for future investors, fulfilling all key objectives. Some solutions to make people migrate to the new platform with out bleeding users is to remove advertisements in the paid version, mobile Streaming only for the paid version, have artists and bands to special releases(content) that are only accessible if you are a paid user.

Role: Product Designer
Tools: Figma, Adobe Creative Cloud, InVision, mirro
Timeline: 3 months (jan 2023-march 2023)

About Whatevs

Whatevs is a cutting-edge music streaming service tailored specifically for Generation X, seamlessly blending nostalgic hits with contemporary tunes. It offers a user-friendly interface that harkens back to the classic music experiences of the '80s and '90s, while integrating modern features like personalized playlists, and high-fidelity audio streaming. With Whatevs, users can rediscover their favorite anthems, explore new genres, and connect with a community that shares their unique musical journey, making it the ultimate destination for music enthusiasts who appreciate both the past and the present.

Role: Product Designer
Tools: Figma, Adobe Creative Cloud, InVision, mirro
Timeline: 2-3 months

whatevs render
hero whatevs
whatevs render2
hero whatevs
whatevs hero shot
whatevs render
whatevs hero 4
whatevs hero 3

My Role

1. Help create mockups and visual designs based upon the ideas and feedback.

2. I created low-fidelity mock-up sketches based on the client's guidance, which I then used to develop the final high-fidelity prototypes and UI for Whatevs App.

3. I did all the user research and created persona's, UI, low fidelity and high fidelity prototypes.

4. Created a Design System for the tribe to use to update the project in the future.

5. Created the system architecture.

In-depth research

1

User Research: Extensive qualitative interviews and surveys were conducted with 10 individuals in the Kansas city Metro Area. Ages range 18-35.

2

Market Analysis: After researching competitors, I identified a market opportunity for Whatevs. It would position itself as slightly cheaper and target Gen X and early Millennials. By offering higher quality fidelity and running promotions with specific artists, it aims to attract and retain customers.

3

Persona Development: Detailed personas were developed based on user and secondary research, enabling the creation of innovative strategies for targeting both B2C and B2B markets.

4

User Testing: Qualitative User Testing was conducted on site with 18-35 year olds in the Kansas City metro area.

sketch 2

Survey

I conducted interviews and surveys to develop our understanding of out potential user base.  
65%

65% of people surveyed said that they wanted smart watch capability.

100% gif

100% of users were annoyed by pop-ups

84% gif

84% Desired a recommendation system.

Design Process
design process
Comprehensive Design Process

Information Architecture

Carefully structured to provide an intuitive user journey, balancing educational content, interactive features, and community engagement.

Wireframing and Prototyping

Early wireframes led to interactive prototypes, which were tested and iterated on. This phase was crucial for refining user flows and interface elements.

User Interface
Design

Focused on creating a visually appealing and emotionally engaging experience. The design incorporated clan inspired themes, intuitive icons, and an easy-to-navigate layout.

Accessibility and Inclusivity

Special attention was given to making the app accessible to all users, including those with disabilities. Features like screen reader compatibility, color blindness modes, and scalable text were included.

Data synthesis, Personas, Empathy Maps

After analyzing the data, I synthesized the findings into manageable reference points, starting with user personas and culminating in empathy maps. Contextualizing the target audience's experiences with education, rewards applications, and gaming allowed me to shape a tangible and representative persona.Derived from my research and interview quotes, I created a user persona using reference tools such as Claritas Prizm and Myers-Briggs. All quotes are directly from the interviews, exemplifying the mindset of each user. These B2C user personas and empathy maps are tailored for the mobile application, providing a comprehensive understanding of user needs and goals.

userflow

- Quick Sketches

sketches

- Persona

persona whatevs

- Design System

design system
design system
colors design system

-Branding and Icons

whatevs icon

- Quick Prototypes

whatevs gifwhatevs gif

Goals & Features

👤 User Goals
Have an unparalleled music listening experience.
Excite new and old users a like with exclusive content.
Help create more community centered around the love of Gen X music

💼 Business Goals
Become an industry leader in the music streaming industry.
Create new logo, branding and UI design to position app in market.
Utilize technology to optimize music fidelity.
Undercut competition, and get users to transition from free version to paid.
Recommend music that may have been over looked to user.

🙏 Common Goals
Have a great music streaming experience.
Stoke and develop musical passion for Gen X music for users.
Connect Musicians/Artists with their thriving fan base and grow it.


💻Technical Specifications

Ability to login and sign up
Account creation and control UI that has ability to upgrade to paid version
UI that works under iOS material design
Accessible and usable to all groups

- Launch Strategy

Launch a multi-channel marketing campaign using social media, influencers, and traditional media. Utilize targeted ads on platforms like Facebook, Instagram, and YouTube. Distribute press releases to major tech and music publications, and arrange interviews and features with key media outlets. Optimize app store listings with relevant keywords, engaging descriptions, and high-quality screenshots, while encouraging early users to leave positive reviews and ratings.

hero whatevs

Post-Launch Strategy

Distribute press releases to major tech and music publications, and arrange interviews and features with key media outlets. Optimize app store listings with relevant keywords, engaging descriptions, and high-quality screenshots, while encouraging early users to leave positive reviews and ratings. Create partnerships with key artists who will release exclusive content only on the Whatevs platform.

Conclusion

The client liked the research, design asthetic and prototypes I delivered. The client also appreciated the design system I Incorporated to make changes moving forward. In the future the client wants to expand to a SaaS and smart watch  Compatibility.

Goals & Features