Enhancing Rivet's Artist-to-Fan Engagement

How might we empower Rivet's artist user base to connect with their fans more effectively through intuitive design, innovative tools, and personalized communication?

Role

Principal Product Designer

Timeline

April 2021 - PRESENT

Skills

User Research
Design Systems
Mobile Interaction Design
Prototyping

Tools

Figma
FigJam
Miro

Enhancing Rivet's Artist-to-Fan Engagement

How might we empower Rivet's artist user base to connect with their fans more effectively through intuitive design, innovative tools, and personalized communication?

Role

Principal Product Designer
(April 2021 - PRESENT)

Timeline

April 2021 - PRESENT

Skills

User Research
Design Systems
Mobile Interaction Design
Prototyping

Tools

Figma
FigJam

Brief

WHAT IS RIVET?

Rivet is a platform that helps artists and creators identify, retain, and nurture their most engaged fans. Its goal is to help creators analyze and optimize fan engagement and empower them with new avenues for monetizing their audiences directly.

I have been working with Rivet for about 3 years as a product designer, and 2 years as their principal product designer.

Please note that due to confidentiality agreements, I am unable to share full details about specific features and processes I have worked on at this time. However, I've done my best to outline some of my contributions below!

SCOPE

Over the course of my time with Rivet, I have worked on creating new designs for Rivet's desktop and mobile websites (as well as dabbling in creating graphics and streamlining branding).

I have contributed to several features of the platform over the years, but three key projects for which I spearheaded the design process were:

Redesigning Rivet's Push Feature

I conducted a comprehensive redesign of Rivet’s Push feature — a messaging tool for artists to connect with fans — by streamlining template selection, message creation, and organization of sent Pushes.

Building a 0→1 interface for Rivet's new AI feature, 'Ask Rivet'

I designed Rivet's AI feature, 'Ask Rivet,' enabling artists to gain direct insights and recommendations about fan activity through Rivet's AI-reminiscent technology.

Designing custom email templates for Rivet's artists

I created custom email templates and flyers for Rivet's artist base upon request, tailored to each artist’s specific branding, aesthetic, and messaging needs.

Case Studies

🚀 REDESIGNING RIVET'S PUSH SYSTEM

Rivet's Push feature is an in-platform email builder that allows artists to create and send fully customizable emails ("pushes") to targeted fan segments, serving as a direct communication tool.

With options to select templates, view drafts and sent messages, and reply to fan responses, it plays a key role in Rivet's CRM functionality for enhancing fan engagement.

(During this feature's redesign, I collaborated with contract designer Samuel Adeyemi to integrate Rivet’s updated design system into the Push feature, ensuring platform-wide consistency.)

a. PROBLEM

When I joined Rivet, the Push feature suffered from a lack of clarity, visual appeal, and general user-focused functionality. Via user feedback presented by the team, I was able to gather that this feature presented several challenges that disrupted users’ experience and efficiency:

🌀 Clutter
The feature's blocky interface made it difficult to distinguish between Sent, Draft, and Scheduled messages, confusing some users. This cluttered interface also diverted attention from the feature's primary goal — sending a push — by overwhelming users with elements.
🕸️ Complexity
Many users found the process of creating and formatting emails daunting and complex due to lack of intuitive tools or guidance. Without a preview of the final push, they struggled to envision the end result, adding to their frustration.
💭 Lack of Inspiration
Users often expressed that they didn’t know what to write about, signaling the need for prompts or inspiration to jumpstart the process.

I reviewed user feedback and roughly documented my own ideas for redesigning the original push feature, as shown above. Compiling all the notes I gathered led me to the question:

"How might I more clearly segment and streamline the process for sending and viewing Pushes, making this feature appear more visually engaging and overall less daunting for the user?"

Skip to Final Solution

b. RESEARCH

COMPETITIVE ANALYSIS

To expand on research around this feature, I conducted an analysis of three other platforms offering similar email-building services: Active Campaign, Mailchimp, and Klaviyo. Taking notes on different versions of this feature helped me gain a better understanding of specifics I wanted to include or improve in Rivet's version of the feature, as well as what to exclude.

AFFINITY MAPPING

Using the insights gained from both previously-collected user feedback and my competitive analysis, I organized them into an affinity map that split the redesign process into 3 sections: notes on creating Pushes, notes on viewing Pushes, and notes on the interface of the entire process in general.

c. SOLUTION GOALS

Three main solution goals emerged from the key takeaways I gathered from my research and served as foundational principles guiding the redesign of this feature.

✂️ Segmentation of Key Tasks
In order to improve task focus, one of my goals was to clearly separate the processes of creating/sending new pushes and viewing past pushes.
🖌 Improving Interface Usability
I wanted to modernize the blocky, outdated design of this feature to create a cleaner, more visually engaging interface (including making it easier for users to distinguish between Sent, Draft, and Scheduled pushes and to navigate these lists efficiently).
🗺 Enhancing User Guidance
To inspire clarity for users, one of my goals was to simplify the process of creating pushes by providing prompts, creative templates, and a live preview feature.

d. IDEATION

LOWER FIDELITY WIREFRAMES

I began by designing low-fidelity wireframes for viewing and sending Pushes. To streamline navigation, I used the side menu to separate these actions into two distinct sections: sending a new Push and viewing past Pushes. This structure would help users quickly choose their path upon selecting the 'Push' tab, minimizing distractions and enhancing focus during Push creation.

As I advanced to mid-fidelity wireframes, I incorporated Rivet's evolving design system, led by Sam. I refined an inbox-style layout for managing Pushes and streamlined the creation flow with template and audience selection, followed by a preview screen. These updates simplified the process by breaking it into smaller steps, ensuring clarity and reducing user intimidation.

USABILITY TESTING

During mid-fidelity user testing, the team conducted 8 usability sessions with artists on the platform, uncovering 3 key issues with the initial 'Create New Push' and 'View Pushes' pages.

Lack of Template Previews
Some users expressed frustration at not being able to preview template content before selecting it.
Creation Flow Confusion
Nearly 50% of users hesitated or got stuck after selecting a template. They expected to move to the Push editor immediately, but were unable to pinpoint that they had skipped the critical second step of choosing a recipient — which in turn left the 'Start New Push' button inactive.
Lack of Push Analytics
Users expressed a need for clear push analytics and performance insights. This called for a redesign of the 'Push inbox' to display key stats upfront, such as open rates, CTR, link clicks, and unsubscribe data. It also called for improving visibility into individual fan activity, emphasizing Rivet's ability to connect artists with fans on a personal level.

FEEDBACK IMPLEMENTATION

Addressing: Lack of Template Previews
I collaborated with the Product team to design standard templates tailored for common use cases. Using these templates, I implemented a new template display and selection feature. This design also proved to align more closely with Rivet's new design system and contributed to the interactive, sleek look we were trying to achieve.

Addressing: Push Creation Flow Confusion
To address the issue of users skipping the recipient selection step, I questioned why it was placed on the initial template selection page rather than after the Push editor.

I found that competitive platforms such as Mailchimp offered a more intuitive and thorough flow for creating an email, allowing users to start by choosing from various template categories (e.g., Recently Used, Saved, and Standard templates) and reserve recipient selection for a later preview/review page.

This insight led me to design a dedicated template selection page with multiple template categories, creating a clear first step for users starting a new Push. I also relocated the 'Send to' step to the preview page after the email builder, streamlining the process and allowing users to review and edit all Push details before sending.

Addressing: Lack of Push Analytics
Rather than burying data fully within subpages, the goal was to bring key insights directly to the user by previewing analytics in prominent areas — with the option to dive deeper if needed.

This called for transforming the 'Push inbox' into a more dashboard-style design. Summarizing key metrics and adding clear CTAs, this redesign followed the precedent set by the template selection redesign and aimed to streamline user engagement with critical information.

I created a new 'Push inbox' page as well as a page for users to go to after they click 'View full report' to view data associated with the push.

e. FINAL SOLUTION

SENDING PUSHES

Rivet’s original flow for sending pushes lacked clear CTA segmentation, leading to ambiguity and clutter. Additionally, users struggled with confusion due to insufficient guidance and inspiration on how to create and customize a push for their audience.

In the redesigned flow, users can initiate a Push from the side navigation, select a template from various categories, or edit existing drafts — offering a clear starting point and ample inspiration to engage with their fans.

After selecting a template, users are guided to the email builder, where they can easily customize their Push via a structure that reflects the final result — an improvement over Rivet’s previous, less intuitive email builder.

After customizing their Push, users proceed to the preview page. Here, they can update key details like recipients and subject, preview the final version of the push, send a test, or schedule it for a later time.

VIEWING PUSHES

Users can select to view pushes in the side navigation, allowing them to see sent pushes, scheduled pushes, and replies to Pushes (with the option to check performance details for sent Pushes). Separating the flows for sending and viewing Pushes in this way makes it easier for users to choose an action and follow clear steps to complete it.

f. IMPACT

After implementing the redesigned Push system, our team observed notable improvements in user experience.

⚡️ Increased Efficiency
Users reported a more intuitive and streamlined experience, reducing errors and simplifying the process of creating and managing Pushes.
⏱ Saved Time
Time spent navigating the push system decreased by 63%, allowing users to focus more on crafting engaging messages.
📈 Higher Engagement
Push volume increased by 42%, possibly reflecting the improved ease of using the redesigned Push system and Rivet’s growing user base.

g. REFLECTIONS

This was one of my first major undertakings at Rivet, so I was new to product design and learned a lot from it!

  1. Working Within Existing Constraints
    Redesigning an existing system, rather than building from scratch, required an understanding of the limitations of the current system (including backend architecture, data models, and technical debt) and designing improvements that align with those constraints. I learned how to innovate to improve the Push system without overhauling its foundational systems, ensuring a smooth transition for both users and our development team.

  2. Balancing User Needs and Business Objectives
    I developed the ability to balance user needs with business objectives, resulting in a design that was both intuitive and aligned with Rivet’s Push outreach goals. Each design decision furthered a clear vision for driving measurable business impact, while maintaining ease of use for the user.

  3. Working in a Dynamic Environment
    I navigated the fast-paced nature of a growing startup by continuously integrating new updates, features, and user feedback into the Push redesign — such as the ability to send both email and SMS pushes. This iterative approach ensured that the design remained aligned with evolving user needs and Rivet's mission as it gained a more prominent footing in the music space.

💡 BUILDING AN INTERFACE FOR 'ASK RIVET'

The 'Ask Rivet' feature gives artists the option to use either natural language processing (NLP) or a structured Segment Builder tool to generate targeted fan lists. The NLP ('AI') functionality interprets artist-inputted questions like "Who are my top 10 fans in Chicago?" to generate these lists, while the Segment Builder allows artists to segment fans based on specific pre-identified criteria through a form-based interface.

'Ask Rivet' enhances Rivet's CRM functionality by enabling artists to understand and engage with their audience more strategically and efficiently.

a. PROBLEM

Artists expressed that they often struggled to identify key audience segments — such as top fans, regional audiences, or recent buyers — without tedious manual effort or the use of an outside platform, as Rivet lacked an efficient way for them to access and utilize such fan insights.

This highlighted the need for an intuitive, in-platform solution to simplify audience segmentation and generate actionable fan lists.

"How might I help artists easily identify and segment their audiences based on their preferred criteria without the need for manual effort or technical expertise?"

The proposed solution was to design Ask Rivet from scratch to empower artists to access and leverage their fan data without requiring advanced manual labor or technical expertise. By integrating NLP — a technology increasingly common in modern platforms — Ask Rivet would not only enhance the platform’s CRM capabilities but also modernize Rivet, giving it a competitive edge in the industry.

Skip to Final Solution

b. RESEARCH

COMPETITIVE ANALYSIS

To start the research process, I conducted a competitive analysis of two platforms: ChatGPT (to inform the NLP / 'AI' functionality of Ask Rivet) and Bandsintown (to benchmark the Segment Builder feature).

AFFINITY MAPPING

I then synthesized feedback from artists and findings from competitive analysis into an affinity map, organizing these insights based on three key areas of focus: the NLP/'AI' functionality, the segment builder feature, and general interface considerations.

c. SOLUTION GOALS

I distilled the key takeaways I gained from my research process into three primary goals to guide the development of this feature.

💬 Chat Interface for 'AI'
I wanted the 'AI' part of Ask Rivet to be straightforward and familiar for users, resembling other commonly used NLP interfaces such as ChatGPT. A messaging/chat interface with prompts would fit this criteria.
📋 Simple Form for Segmentation
For the segment builder part of Ask Rivet, my goal was to maintain a simple information architecture in which artists could input various segmentation critera without experiencing information overload.
➡️ Clear Results
I wanted users to be able to view the results of their queries (in the form of fan lists) in a clear and actionable way.

d. IDEATION

LOW FIDELITY WIREFRAMES

To very roughly visualize these goals, I started working on low fidelity designs of this feature. I collaborated with the development team to align on user flow execution and account for any technical constraints in my designs.

In addition to conceptualizing the layout within the feature, the team and I considered options for the layout of the feature on the page to encourage maximum user interaction and minimize confusion.

MID FIDELITY WIREFRAMES

For the mid-fidelity designs, I refined my wireframes based on team feedback, developed detailed feature designs, and mapped out complete user flows.

USABILITY TESTING

I conducted usability testing of my mid-fidelity designs with three artists already using Rivet. While users navigated the 'AI' portion of Ask Rivet with ease, they encountered challenges with the segment builder. The information architecture proved to be confusing, with a flow that felt overly complex and unpredictable.

FEEDBACK IMPLEMENTATION

To address these concerns, I identified the need for a more structured, form-like approach, potentially incorporating clear, step-by-step guidance to enhance usability.

e. FINAL SOLUTION

Rivet's development team is in the process of implementing my final solution for this feature, but below are the wireframes I made. The feature lies on the dashboard, where users are able to toggle between the 'AI' and Segment Builder features.

f. (PROJECTED) IMPACT

Although the feature has yet to be implemented, Ask Rivet is designed to enable users to effortlessly segment their fan base, enhancing targeted outreach and empowering artists to engage more effectively with niche audiences. This capability has the potential to significantly amplify Rivet's overall impact for users.

g. REFLECTIONS

Designing Ask Rivet was my first experience working on an AI-powered feature, which was an exciting challenge that provided me with valuable insights and lessons.

  1. Simplifying Technical Concepts
    Designing Ask Rivet challenged me to turn complex NLP/AI processes into a seamless, user-friendly interface. I honed my ability to translate backend intricacies into an intuitive experience that empowers users to leverage advanced functionality effortlessly.

  2. Incorporating Familiar Interfaces
    I learned that prioritizing familiarity over novelty is key to creating intuitive designs. The Ask Rivet AI interface was modeled after ChatGPT, another widely recognized NLP tool, to ensure users felt comfortable and confident navigating it. Similarly, the Segment Builder was designed as a traditional step-by-step form to maintain clarity for the user.

🎨 DESIGNING CUSTOMS FOR RIVET'S ARTISTS

As part of my work with Rivet, I design custom email templates and promotional flyers for some of the platform's highest-profile artists upon request. Each design is tailored to reflect the artist's unique branding, aesthetic, and messaging needs, ensuring that their communication with fans feels authentic and visually impactful.

While I cannot share specifics about artist requests, I can share a brief overview of my email template design process.

For each artist, I gather assets provided by their team (if any), supplemented by visuals from their websites and social media. Using these materials, I craft custom color palettes that aligned with the artist's unique branding and aesthetics — as shown below. Most template requests are centered around specific events such as tour announcements or album releases, so I ensure the templates reflect the artist's most current branding and messaging for those use cases.

From there, I begin assembling the templates, experimenting with color combinations for backgrounds, foregrounds, text, buttons, logos, and images. This is always an iterative process that requires both creativity and precision — and it's definitely my favorite part! I love watching each template come to life as a reflection of the artist's current era and vibe, blending style and substance to relay exciting information to their fan community on Rivet.

Reflections

Since beginning my product design journey with Rivet — starting as an Associate Product Designer and now serving as their Principal Product Designer — I’ve experienced tremendous growth. When I first joined, Rivet was in its early stages with just a few hundred users. Today, the platform has grown to over 7k users, and I’ve had the incredible opportunity to design for artists I’ve admired for a long time! The past four years at Rivet have been filled with valuable lessons that have shaped me as a designer, and here are some of my most impactful takeaways.

  1. Scalability and System Thinking
    I learned to design with scalability in mind, ensuring that features not only met the immediate needs of Rivet’s growing user base but could also adapt seamlessly as the platform scaled from a few hundred to over 7k users.

  2. Designing for SaaS Growth and Retention
    I learned to design features that not only improve instant user satisfaction but also contribute to user retention and subscription growth, a critical factor in Rivet’s SaaS model.

  3. Balancing Flexibility and Simplicity
    I learned importance of balancing feature flexibility with simplicity, ensuring that more advanced users had the control they needed without overwhelming newer users — which is quite the challenge given the wide range of functionality we want to offer on Rivet!

  4. Resilience and Problem-Solving
    Navigating the challenges of redesigning and enhancing a platform essentially from the ground up taught me resilience and strengthened my ability to solve complex design problems creatively and efficiently.