Groove

A social platform that lets users review and discuss songs, albums, and artists, enhancing engagement through personalized profiles.

Product Design
Role

Project ManagerGraphic and UX/UI Designer

Tools
FigmaIllustratorAfter Effects
Timeline

Jan → May 2024

Links
Figma↗

Introduction

Today, people have access to an enormous variety of music from across the globe, spanning countless genres and styles.

While this wealth of options creates exciting opportunities for discovery, it can overwhelm listeners trying to find music that matches their mood or activities.

Challenge

How might we helpmusic enthusiasts navigate the vast world of music todiscover tracksthat perfectly align with theirmoods and activities?

Solution

Discover music that fits your vibe with Groove.

Groove is a social media app for music enthusiasts, fostering connection and collaboration through song reviews, curated playlists, and engaging discussions that celebrate the joy of music discovery

Design

Creating a seamless and intuitive experience

The primary flow was designed with first-time users in mind, ensuring the key features were easy to discover while maintaining a clean and intuitive interface. By adhering to specific product constraints, a focused and user-friendly approach was established:

The app is
  • A tool for personalized music discovery.
  • Centered around user reviews and recommendations.
  • Designed to foster community engagement.
The app is not
  • Overloaded with unnecessary features.
  • A generic music streaming platform.
  • omplicated or overwhelming to navigate

A site map that outlines the structure and hierarchy of Groove, guiding users through a personalized onboarding process and creating their first review.

Creating the Brand

Retro Aesthetic Approach

Inspired by music's vibrant energy and diverse genres, Groove delivers an experience that celebrates discovery and connection through sound. The design combines liveliness with simplicity, making it both inviting and easy to use. With friendly, engaging copy, we've created a welcoming space where music lovers can explore new tunes and feel right at home.

card-1
card-2

Chladni Figures (1787)

Logo

Groove's logo features a simple yet meaningful abstract design inspired by sound wave patterns and Chladni Figures from 1787. Like vibrating music creating patterns on surfaces, the logo visualizes how sound waves move through materials. Its flowing lines represent the dynamic nature of music while symbolizing how Groove connects different musical genres and communities.

Groove’s Logo

Mascots

Utilizing the playful aspect of round shapes and colours. These Mascots help guide users through the experience, becoming their friend for the long journey that lies ahead.

Retro Betsy

Chill Jill

Bluesy Judy

Boombox Brody

Boppy Poppy

Twangy Tanner

Notable explorations in design

After a comprehensive usability test of our high-fidelity prototype for the music review platform, the aim of was to gather actionable feedback to enhance user experience and optimize platform functionality.

Background Readability

The readability of the Tunebox welcome screen was improved by adjusting the background opacity and text contrast.

These changes enhanced overall accessibility and user experience.

before
after

Learnings and future plans

During Groove's development, I discovered that understanding user preferences was crucial for delivering personalized experiences. The analysis of listening habits and user feedback helped create a more tailored music discovery system.

I also learned that the key to user engagement lies in striking the right balance between simplicity and robust features, ensuring the platform remains approachable.

Groove has developed alongside my growth as a designer, but there is still more to be desired.

For example, I’d love to explore:

  • Implementing advanced AI recommendations based on listening habits and mood
  • Expanding social features to include group playlists and collaborative reviews.
  • Enhancing personalization with user-specific music insights and activity-based suggestions.
  • Integrating cross-platform support for seamless music discovery across devices.

Thank you!

If you’re interested in the process.
Feel free to look through the Figma file :)