ROSEFINCH
end-to-end visual (+ systems)
interaction design
product strategy
brand
art direction

Building brand & design systems from scratch: providing deeper engagement & sharing knowledge in a “noisy” industry.

There’s quite a bit of literal noise vying for the attention of our audience: “fans”, musicians, composers, music supervisors, etc.. Our approach has always been product oriented, starting with the development of our brand and design systems.

Rosefinch arose as a means to write music, simply put, with a monetization driver — our purpose is to retain the soul of the artistry and share knowledge, while being more critical of our own success and future within the ever-evolving music landscape.

I.

Brand & Foundations

Our brand aesthetic has elements of web-futurism juxtaposed with a mellow, moody mystique.

A bold, serif typeface, editorial by nature, stands strongly beside our modern, precise “Rosey” line art logo. Rosey is perched atop our Finch Post logo providing the perfect through line between our music and creative writing.

Rosey Red serves as our primary brand color, where flat yellow and lavender hues do more heavy lifting around our digital identity; our staple flow gradient is also pervasive across the web.

We build our creative community by incorporating regular artwork features and studio musicians (within our recorded works). Big props to Shawn Bowers for his depiction of Indiana Jones in Tanis.

I built on a fluid grid with a base increment of 10px, doubling upwards to 80px. Our hero construct is a 40/60 gutter-less layout; you’ll often find padding doing the work in cushioning our systems.

II.

System basics

Engaging calls to action; components with energy and movement.

Our primary and secondary call-to-action (CTA) buttons pair simple iconography with text to provide a clear destination; dynamic hover animations motivate our audience to dig deeper.

These primary buttons paired with accessible, subdued inputs allow users to make selections with little fuss. Inputs are square to differentiate themselves from the more visually stimulating CTAs.

prototyped in Figma

To personify the inherent rhythms in music, we include animated artwork for each of our collection releases. You can find these animations congruous with our Spotify and social engagement.

Building patterns with wonderfully scaleable touch points.

The navigation menu respects both large and small devices alike, leaning into mobile application best practices. To get people right into the mix of our content offerings, we surface the most recent work or articles with a secondary CTA for browsing. Due to ample space, the desktop experience includes wayfinding helpers.

prototyped in Figma
III.

Interwoven templates

Developing relationships with clients, musicians, and fans, alike.

Our audio project page is a hub for metadata and storytelling. It’s the heart of our work, and kicks off a binding web between our writing process, long-form creative writing, and the finished audio project. Our scorecard drawer (an offshoot of our blog, “Finch Post”) is a persistent, collapsible outline of the writing process. The posts grow in realtime yet exist in perpetuity alongside the final published work. We strive to build credibility by offering a peak behind the curtain; here we collectively celebrate, learn, and maybe even commiserate when the “second-verse curse” strikes.

In parity with the audio project hero, the article template employs a proportionate layout construct between image and metadata. Like many blogs, we’ve adapted ways to jump between related articles; however, we’ve gone a step further by incorporating our audio project component pattern when blog articles relate back to particular projects.

The blog home is the final piece of the interrelationship of projects and long / short-form writing. We gave prominence to the holistic (not project specific) scorecard feed, since we often work on multiple projects at once. Seeing these intermingled posts reveal how work in one area can spur progress elsewhere, and that every step is about building momentum. Ultimately we’re developing engagement more tangible than modern social media; it’s a growing knowledge base, if you will.

IV.

Outcomes

We're making deeper connections & uniting creatives.

As the co-founder of Rosefinch, I've learned that starting a music business is like composition itself – it requires passion, patience, and a willingness to revise. When we first conceived Rosefinch in 2020, our goal was simple: create a platform to share our music with a clear path to monetization. But as we delved deeper into our core values, we realized we were orchestrating something that could help others reach their own potential.

Our journey began with building our brand identity. We crafted a visual language and message that would resonate with both seasoned musicians and aspiring artists. This process reminded me of the importance of authenticity. It's not just about looking good; it's about creating a genuine connection.

Building a knowledge-sharing community within Rosefinch was a pivotal moment for us. By facilitating connections and sharing our own learnings, we are cultivating a true community. Perhaps the most rewarding aspect of our journey was developing cohesion across our website that allow creatives to follow along wherever they land.

One of the biggest challenges we face going forward is developing a monetization strategy that doesn't compromise our artistic values. We're still experimenting with various models putting ethical revenue-sharing at the forefront.

This has been an incredible learning experience thus far. The music industry is constantly changing, and so are we. As we continue explore different media e.g. podcasts, blog, writing process guidelines etc., we remain committed to our original vision: empowering ourselves artists everywhere to create, learn, and love what they do, daily.

all case studies

Let's shake things up.

joe.w.skager@gmail.com