HitRecord

A community of creative collaborators where you can start projects, contribute to others and make things together, a place that fosters creativity.
Organization
HitRecord
Role
UI/UX Designer
Team
Laura Bittman
Branden Ushijima
Betina Martin

Problem

HitRecord started off as a community board where people could feed off of each other’s creativity, that thread quickly grew into a website where over 300,000 + users would use every day. The next natural step for HitRecord was to create a full-fledged cross-platform experience where people could connect, interact and create projects ranging from music, short documentaries and books among others.

The current HitRecord mobile app was not designed with users in mind which resulted in little to no engagement. The project structure was complex and was very confusing to navigate within the ecosystem.

Solution

A redesign of both iOS and Android apps were to take place, starting at the screens users were spending more time on. As these were the key screens users needed to view to participate and remix artwork.

The ultimate goal was to increase contribution and record submissions to the platform while putting mobile first.

Subdivision

There are 10 types of projects that a user can create and contribute. A project is composed of individual challenges, each challenge has a deadline and needs to be closed by a project owner once enough contributions have been submitted. Each contribution is a record type which is what makes up HitRecord.

Research

We conducted video interviews with our users to get their take on the project creation process and their app usage. How were they handling these projects? How was the contribution rate? Were the contributions of quality and what they were looking for? Just some questions that came out of these sessions.

We found users were only using the app to check notifications, and the project creations process could hugely be improved by allowing for a more seamless experience between the challenges and the projects that were being created.

3 Key points

Updates
Education
Legitimacy

Users were only using the app to check notifications.

Staff involvement needed to complete projects.

Perception of app was for personal use, not professional.

Wireframes and Explorations

Creating the project architecture digestible was a priority. Navigating from a project to a challenge, then to a record can be quite the path.

Final Designs

The final designs veered away from the previous condensed colorful UI. We kept the background noise clean and concise, letting the communities artwork speak for itself.

The last iteration of designs tested positively with the usability sessions conducted. Users were able to find their way around from a record to a challenge and connect back to the parent project.