The tonica feed on a phone: drafts, not releases.

Archive · UX/UI

tonica

A social app for musicians to find co-writers and finish tracks together

Musicians who write at home find it hard to meet co-writers who share their style, pace and taste, and when they do, the work gets lost between files and chats. tonica is a social network where you find those people, keep drafts, tasks and comments in one place, and get feedback on a demo long before it is finished.

Year
2025
Role
UX research, user flow, UI design, prototype
Tools
Figma

It is hard for musicians to find co-writers who match them in style, pace of work and view of music.

Problem

It is hard for musicians to find co-writers who match them in style, pace of work and view of music. Even when they do, the process falls apart: ideas get lost between files and chats, and there is no single place to work together.

At the early stages they also have nowhere to share demos and drafts with a community and get timely, professional feedback, which slows them down and stops tracks from ever being finished.

The audience is musicians and songwriters who write at home or in small studios, look for co-writers and want to share drafts before release. I surveyed young independent musicians about how they look for partners, how they get feedback and how they work remotely. Feedback turned out to be wanted but only available from a close circle, and remote work happens, but scattered across messengers. About fifteen musicians answered. I also looked at SoundCloud and BandLab, which cover publishing and recording but not finding the right person.

Research slide with four pie charts and findings: target group, main barriers, remote work.
Research slide with four pie charts and findings about feedback and regular collaboration.
Slide titled аналоги with the SoundCloud and BandLab logos and a third black logo.

Job stories

When I want constructive criticism of my music, I want it from people at my level or above, so I can share my work with a community of qualified musicians who give useful advice.

When I'm looking for a co-writer for a project, I want someone with similar taste and way of working without spending ages on it, so I can find partners by character and style of life, not only by role.

When I work on a project remotely, I want all our materials and workflow in one place, so we can work together at a distance without friction.

User flow diagram on a grid: a start node branching into green key screens and purple sub-steps.

Design

The graphic system is simple: Bitum and Gilroy, and four colours, violet, teal, coral and green, one for each part of the app. The icon is a single note on a green tile.

Graphic system slide: fonts Bitum and Gilroy and four colour squares in violet, teal, coral and green.
App icon: a black musical note on a green rounded tile, next to a phone home screen with the icon labelled Tonica.
Promo frame: «Пиши музыку вместе с теми, кто слышит так же» next to a phone home screen with the tonica icon and an App Store badge.
Promo frame: «Находите соавторов» with a phone showing a co-writer card with a portrait and like / skip buttons.
Promo frame: «Делитесь музыкой» with phones showing drafts and comments.
Promo frame: «Работайте над проектами» with phones showing project screens.

Result

A prototype of the app, with the feed, co-writer search, shared projects and chat, and a landing page.

A phone with the tonica feed lying on green ribbed fabric.
Landing page on a laptop: tonica in coral, a short description, an App Store badge and a phone with the feed.

Credits

  • Mockups: stock templates

HSE Art and Design School, BA Communication Design