Building a Community for Artists and Musicians

Create a social platform that empowers aspiring artists and musicians to build community and generate revenue.

Shipped
B2C
Mobile App
0 to 1 Design
Company:
Oriental Verse Inc. (a Music platform startup that helps artist to engage more with their fans)
My Role:
Sole product designer (User research, Interaction design, UI design)
The Team:
1 Designer (Me), 1 Product Manager, 1 Front-end Engineer, and 1 Back-end Engineer.
Timeline:
Mar. 2022 - Aug. 2022

Project Overview

What difference did I make?

I led the end-to-end design for Gemmi app's foundational social platform, establishing the core infrastructure that enabled the company's strategic pivot from a music game to a social platform.

Key features

Your Personal Gallery

An immersive home feed that eliminates noise and focuses on showcasing high-quality, relevant artwork and music.

Unified Profile & Library

Clear organization of library assets and profile information.

Create with Ease

An intuitive editor that empowers users to create content effortlessly.

Behind the Scene

The Challenge

To support Gemmi's strategic pivot from a music game to a social platform, my task was to design a user-generated content platform from 0 to 1.

Recognizing a critical market need, Gemmi pivoted from a music game to a social platform to foster genuine artist-fan connections. As the sole designer, my challenge was to create a user-generated content platform from 0 to 1, crafting an experience that empowers artists and their fans.

Strategic Research & Insights

To inform the design strategy and differentiate Gemmi in a saturated market, I drove a mixed-method research process that included stakeholder interviews, a user survey, and a competitive analysis.

To inform our design strategy and differentiate Gemmi in a saturated market, I conducted mixed-method research. I started with an online survey, gathering 100 responses, and conducted interviews with key stakeholders to understand their perceptions of social platforms, their motivations, and what they hoped to gain.

I used affinity mapping to organize qualitative data and synthesize research findings into actionable design insights.

From these research, I gained several key insights:

A competitive analysis confirmed that while the market was saturated with feature-complete apps, most lacked a clear theme or unique value proposition. This highlighted a significant opportunity to design an experience centered around the inherently multi-sensory nature of music to create a focused, purpose-driven platform.

Setting the Goals

Building on the insights from the research, I formulated a hypothesis statement to guide my design:

We believe that a social platform focused on an intelligently curated, multi-sensory experience will make artists and fans feel a unique sense of belonging and drive greater community engagement.

Design Constraint

As the sole designer under a tight deadline, I adopted an iterative process of rapid prototyping and internal testing to successfully deliver the project.

After identifying the design goal, I recognized a new set of challenges and constraints. As the sole product designer on a lean startup team, I was tasked with balancing stakeholder expectations with technical feasibility and an aggressive six-month deadline to launch the MVP.

To navigate these constraints, I adopted an iterative design process centered on rapid prototyping and internal testing. I created low-fidelity mockups to quickly align the team on core design goals. By using a prototype for internal testing, I was able to gather crucial feedback from my colleagues, allowing me to rapidly refine the interface and ensure we were on track to meet our business and user needs.

To ensure fast iteration under a tight deadline, I used low-fidelity mockups and prototypes for internal testing, allowing me to quickly align the team and refine the interface.
Design Deliverables

These are the key features of the MVP launch.

Home Feed

The Home Feed was designed to solve the strategic problem of information overload and generic content on mainstream social platforms. My primary goal was to create a focused and immersive browsing experience for users.

To break the rapid-scrolling habit of other platforms, I designed a card-like single-column feed. Each post is visually framed as a distinct "gallery piece," creating clear boundaries that encourage the user to pause, focus, and fully immerse themselves in each individual piece of content. The micro-interactions on the like and saved buttons provide satisfying, real-time feedback to reinforce positive user behavior.

As a core part of the experience, users can preview music at a glance, allowing them to discover new artists without committing to the full post. If the music or artwork piques their interest, they can expand the post for the full, uninterrupted experience, which allows them to continue listening while reading comments and the post description.

Editor

The editor is at the core of Gemmi's mission to empower artists, musicians, and their fans. My primary goal was to design a tool that would lower the barrier to entry for content creation while still providing a robust set of features to unleash creativity.

I simplified the editing workflow into two main sections:

The Page Editor:

This is the creative canvas where users can build their posts. I designed a fluid, drag-and-drop interface for users to easily arrange pages and content. A full suite of tools, including music, photos, text, filters, and backgrounds, provides users with everything they need to decorate and express their creativity.

The Posting Section:

This streamlined final step allows users to preview their post, edit the description, and manage comments with a simple toggle before sharing.

Recognizing that music and audio are essential to the Gemmi experience, I designed a dedicated music tool to facilitate content creation. To help aspiring musicians gain exposure, I created a discovery page with recommendations and a simple search function. A tagging system was introduced to allow users to easily find and switch between music genres.

Additionally, to further empower users, the audio import feature allows artists to upload their own music and audio, giving them complete creative freedom to make unique and interesting posts. The save feature lets users easily organize their favorite tracks, ensuring a seamless workflow between their audio library and the creative editor.

This design delivers an end-to-end creative workflow that is intuitive enough for anyone to use, yet powerful enough to produce high-quality, multi-sensory content.

Library and Profile

The Library and Profile features were designed to act as a centralized hub for creators, providing them with a professional and organized space to manage their work and identity.

In the Library section, I designed a streamlined asset management system where users can easily browse and discover music and background materials. The addition of a tagging system allows them to quickly find new inspiration and organize saved content.

The User Profile serves as a curated portfolio for every user. It provides a single destination where users can view all the posts and materials they have created or saved. By centralizing this content, the profile empowers artists to showcase their work, build a professional identity, and give their fans a clear destination to view all their creations.

Learnings & Future Vision

This project provided invaluable lessons in designing for a complex, real-world system with a lean team. I gained a deep understanding of the entire design process, from strategic research to final implementation. I also gained a greater appreciation for the importance of cross-functional collaboration, learning to effectively navigate stakeholders and engineers to translate their constraints into feasible and innovative design solutions.

My passion for music made it an honor to work on a project that empowers artists. This experience solidified my conviction that designing compelling interaction is key to solving complex problems. Moving forward, I am eager to apply these learnings in future roles, especially to create innovative and thoughtful multi-sensory and intelligent interactions.