DASOLA AWOYEDASOLA AWOYE
Product Designer0%
← Back to Work
Mobile App/Lead/©2025

R8Kard

Scroll to explore
R8Kard
Year2025
Client / ProjectR8Kard
RoleLead Product Designer
Duration3 months
PlatformiOS & Android

Overview

Creators struggle to present their services professionally: our research found 92% were sharing rates through messy texts or unformatted PDFs. R8Kard combines the simplicity of a digital card with the depth of a real service menu. Users pick a template, customize the details, set prices, and publish within minutes, built to be shared across Instagram, WhatsApp, and email.

A mobile-first platform enabling influencers, designers, and professionals to create beautiful digital service cards that clearly communicate their rates and offerings, shareable in minutes.

00//THE CHALLENGE

The Challenge

When a brand DMs a creator asking for rates, the reply is usually a hastily typed message, a screenshot of an old note, or a PDF built in Canva months ago with prices that are no longer accurate. That moment, the rate conversation, is where a creator either looks professional or loses leverage, and almost none of them had a tool built for it. Our research showed 92% of creators shared rates through unformatted text or static PDFs, and plenty admitted to quoting inconsistently depending on mood and memory.

The challenge was designing a mobile-first product that produced something beautiful enough to represent a creator's brand, structured enough to communicate tiered services and prices clearly, and fast enough to build between two DMs. Creators told us plainly: if it took longer than five minutes, they would go back to typing rates by hand.

01//GOALS & NEEDS

Business Goals

  • 1Hit 2,000+ published cards in the first two months, enough to validate product-market fit
  • 2Keep average card creation time under 5 minutes, proving the speed promise actually held up
  • 3Turn every shared card into a branded touchpoint that drives organic acquisition on its own
  • 4Build a template system that scales across creator niches without custom design work each time

User Needs

  • 1Put together a polished, on-brand rate card in minutes, from a phone
  • 2Present tiered services and prices clearly enough that clients stop asking follow-up questions
  • 3Update a price once and have every link already shared reflect the change
  • 4Share straight to Instagram, WhatsApp, and email, wherever the client conversation is actually happening
02//RESEARCH
User InterviewsSurveysCompetitive AnalysisConcept Testing23 creator interviews · 2 surveys

Key Findings

  • 192% of creators were sharing rates via unformatted texts or static PDFs, and most admitted they were embarrassed by how it looked
  • 2Creators quoted inconsistently. The same service could vary 30% between clients simply because there was no canonical price list to check
  • 3Speed turned out to be the adoption threshold: anything over roughly 5 minutes to build would lose to typing rates manually, creators told us
  • 470% of rate conversations happened entirely on mobile, mostly inside Instagram DMs and WhatsApp
  • 5Existing tools split the market in two: link-in-bio tools were fast but shallow, design tools were deep but slow, and the structured rate card space sat empty between them

User Voices

"Every time a brand asks for my rates I panic a little, because I know my reply is going to look unprofessional."

"I made a rate card in Canva once. It took a whole evening and the prices were outdated within a month."

"If it takes longer than making an Instagram story, I am not going to use it. Simple as that."

03//DEFINE

User Personas

TA

Tobi Adeyemi

Lifestyle Influencer · 26 · Lagos, Nigeria

"Brands slide into my DMs daily. I need my rates looking as good as my feed."

Tobi has 85K Instagram followers and fields several brand inquiries a week, negotiating all of it from DMs on his phone. He's lost deals simply because his rate replies looked amateur next to a competitor's polished media kit.

Pain Points

  • 1Rate replies look unprofessional next to his curated feed
  • 2Quotes from memory, so prices drift inconsistently
  • 3No time to sit down and learn a design tool

Goals

  • 1A rate card that actually matches his personal brand
  • 2Pricing that's consistent enough to stand behind
  • 3A share-ready link he can drop into any DM in two taps
MC

Maya Chen

Freelance Brand Designer · 31 · Austin, USA

"I design identities for a living, my own rate sheet being a plain PDF is honestly embarrassing."

Maya runs a solo design studio with tiered packages and add-ons, services too structured for a link-in-bio tool to handle. Rebuilding her PDF every time prices change eats into billable hours she'd rather spend designing. What she wants is depth without the maintenance.

Pain Points

  • 1Static PDFs go stale the moment prices change
  • 2Tiered packages are hard to present clearly as plain text
  • 3Link-in-bio tools are too shallow for anything this structured

Goals

  • 1Structured service menus with real tiers and add-ons
  • 2Update prices once and see it reflected everywhere instantly
  • 3A card that signals design credibility on its own
CO

Chidera Okafor

Makeup Artist & Content Creator · 24 · Abuja, Nigeria

"My clients book on WhatsApp. If the link does not open clean on a phone, it is useless to me."

Chidera splits her income between bridal bookings and sponsored content, and nearly all of it runs through WhatsApp on mid-range Android phones. Mobile rendering speed and clarity matter to her far more than any advanced feature would.

Pain Points

  • 1Sends the same price list photo over and over
  • 2Clients ask the same follow-up questions every single time
  • 3Desktop-first tools break on the phones her clients actually use

Goals

  • 1One clean link that answers pricing questions upfront
  • 2Fast loading on any phone, on any network
  • 3Separate cards for bridal work versus brand collaborations

Affinity Mapping · Key Themes

Professional Image

  • 1Creators feel their rate replies undercut an otherwise polished brand
  • 2A beautiful card reads as negotiating leverage, not just aesthetics
  • 3Visual customization matters, but only within guardrails that keep the result from looking bad

Speed as Threshold

  • 1Anything slower than about 5 minutes loses to just typing the rates manually
  • 2Templates need to produce a shippable card with almost no decisions required
  • 3Editing later has to be as fast as creating: a stale card kills trust fast

Pricing Confidence

  • 1A canonical card puts an end to inconsistent, mood-based quoting
  • 2Tiered menus answer a client's follow-up questions before they're asked
  • 3Showing prices publicly filters out low-budget inquiries early on

Where Sharing Happens

  • 1Instagram DMs and WhatsApp are the real point of sale
  • 2Links need to unfurl beautifully with rich previews inside chat apps
  • 370% mobile usage means mobile-first creation, not just mobile viewing

Empathy Map · Tobi Adeyemi

THINKS

  • 1This brand is comparing my reply to five other creators right now
  • 2Did I quote this same brand a different price last time?
  • 3My feed looks premium. My rate reply should too

FEELS

  • 1Anxious the second a brand asks what his rates are
  • 2Embarrassed to send over a plain text price list
  • 3Confident whenever his materials match his content quality

SAYS

  • 1Let me send over my rates real quick
  • 2I charge differently depending on the deliverables
  • 3Check the link in my bio for packages

DOES

  • 1Scrolls back through old DMs to find what he quoted last time
  • 2Screenshots a notes-app price list whenever a brand asks
  • 3Studies other creators' media kits for ideas he can borrow

User Journey Map

01

Trigger

Actions

A brand DMs the creator asking for rates and availability.

Pain

It's a panic moment: there's no ready asset, so the creator stalls or fires off a rushed reply.

Opportunity

A ready-to-share card link turns that scramble into a two-tap response.

02

Card Creation

Actions

The creator picks a template, adds services, sets prices, and applies their branding.

Pain

Design tools demand skill and time, and a blank canvas tends to cause decision paralysis.

Opportunity

Opinionated templates with smart defaults get a polished card done in about 3 minutes.

03

Sharing

Actions

The creator sends the card link in DMs, adds it to their bio, or attaches it to email pitches.

Pain

PDFs render poorly in chat, and a link with no preview reads as spam.

Opportunity

Rich link previews and one-tap share sheets built specifically for Instagram and WhatsApp.

04

Client Viewing

Actions

The brand opens the card, reviews tiers and prices, and replies ready to book.

Pain

An unclear pricing structure sets off round after round of follow-up questions.

Opportunity

A structured tier layout that answers scope, price, and add-on questions before they're asked.

05

Maintenance

Actions

The creator updates prices or services as their value grows.

Pain

Static PDFs mean redesigning and re-sending everything, and old versions keep circulating anyway.

Opportunity

Live links: edit once, and every card already shared updates instantly.

Information Architecture

Onboarding

  • 1Niche selection
  • 2Brand basics
  • 3Template recommendation

Card Builder

  • 1Template gallery
  • 2Service & tier editor
  • 3Pricing controls
  • 4Brand customization
  • 5Live preview

My Cards

  • 1Card list
  • 2Duplicate & archive
  • 3Per-card links
  • 4Status toggles

Sharing

  • 1Share sheet
  • 2Link copy
  • 3QR code
  • 4Bio-link mode

Insights

  • 1Card views
  • 2Link clicks
  • 3Top services viewed

Account

  • 1Profile & branding
  • 2Notifications
  • 3Subscription

User Stories

As an influencer, I want to build a branded rate card in under five minutes, so that I can reply to brand inquiries while they are still hot.
As a freelance designer, I want tiered packages with add-ons on one card, so that clients understand my offer without a call.
As a creator, I want my shared links to update when I edit prices, so that outdated rates never circulate.
As a makeup artist, I want separate cards for different service lines, so that bridal clients and brands each see only what is relevant.
As a creator, I want to see how many people viewed my card, so that I know whether an inquiry went cold or is still deciding.
As a new user, I want templates matched to my niche during onboarding, so that my first card already feels made for me.
04//IDEATION

Approaches Considered

Link-in-Bio Extension

Build rate cards as one block type inside a broader link-in-bio profile product, going head to head with Linktree.

Pros

  • + A familiar model with proven adoption already
  • + More surface area for future features

Cons

  • - The rate card becomes a buried feature instead of the product itself
  • - A crowded market full of entrenched players
  • - Dilutes the whole speed-to-card promise
Chosen Direction

Template-First Card Builder

A focused mobile builder where niche-matched templates carry the design load, leaving creators to make only content decisions: services, prices, brand accents.

Pros

  • + The fastest path from open app to shareable card
  • + Guardrails that guarantee a polished outcome every time
  • + Clear, ownable positioning in the market

Cons

  • - Less creative freedom for power users who want it
  • - The template library needs continuous investment to stay fresh

Freeform Canvas Editor

A Canva-style freeform editor built specifically for rate cards, with full control over layout and typography.

Pros

  • + Maximum expressiveness for anyone who wants it
  • + Appeals to design-savvy creators specifically

Cons

  • - Blows past the 5-minute threshold for most users
  • - Blank-canvas paralysis for anyone who isn't a designer
  • - A heavy engineering lift on mobile
05//DESIGN

Design Approach

I gave R8Kard a fintech-inspired look: crisp cards, confident typography, generous whitespace, so a creator's prices feel as considered as a banking product. The creation flow is a strict linear path: template, services, prices, brand, publish. Every screen asks for exactly one decision, defaults are pre-filled from onboarding, and the live preview sits one tap away at all times so nobody publishes blind. I bounded customization deliberately, accent colors, type pairings, imagery, which is what keeps every possible output looking professional.

A mobile-first design system of 45+ components, spanning template cards, tier editors, price steppers, share sheets, and preview frames, each built with light and dark variants in Figma.

Key Design Decisions

  • 1

    A strictly linear five-step creation flow, one decision per screen, trading flexibility for guaranteed speed and completion

  • 2

    Niche-matched template recommendation at onboarding, so the first card already starts about 80% finished

  • 3

    Bounded customization (accent color, type pairing, imagery), which makes an unprofessional-looking output almost impossible

  • 4

    Live links as the core sharing model instead of exports, so an edited price propagates to every card already shared

  • 5

    Share-sheet and link-preview design built specifically for Instagram DM and WhatsApp unfurling, where 70% of usage actually lives

06//THE PRODUCT
01

Mobile App · Creator Experience

The mobile-first experience is where 70% of creators actually live. A quick template picker based on profession gets people started in seconds, and the fill-in-the-blanks service creation flow, cover image upload included, makes building a rate card feel like filling out a form rather than designing one. The real-time preview, showing exactly how the card looks as you type, was the feature creators loved most in testing.

R8Kard · Mobile App · Creator Experience screen 1
R8Kard · Mobile App · Creator Experience screen 2
R8Kard · Mobile App · Creator Experience screen 3
R8Kard · Mobile App · Creator Experience screen 4
R8Kard · Mobile App · Creator Experience screen 5
R8Kard · Mobile App · Creator Experience screen 6
02

Web Dashboard

The web dashboard gives creators a bird's-eye view of their whole portfolio: every rate card in a clean grid, alongside earnings summary, views, and click analytics. The template gallery filters by industry (Wedding, Design, Influencer, Photography), so professionals land on a relevant starting point right away, and exporting as an image or shareable link is a single tap.

R8Kard · Web Dashboard
R8Kard · Web Dashboard screen 2
03

Landing Page

The landing page introduces R8Kard with one bold statement: 'There's a new way to show your worth.' Social proof (2,500+ cards created, $10M+ earned through cards) sits right alongside a clear path to 'Create Your First Card,' and the hero section leans on real rate card examples across different professions to make the platform's range obvious at a glance.

R8Kard · Landing Page
07//TESTING

Method

Moderated MVP usability testing with task scenarios

Participants

15 creators across niches

Task Success

93%

Test Tasks

  • 1Create and publish your first rate card from a blank account
  • 2Add a three-tier service package with an add-on to an existing card
  • 3Change a price and verify the already-shared link reflects it
  • 4Share your card into a WhatsApp conversation
  • 5Duplicate a card and adapt it for a different service line

Key Findings

  • 1Average creation time in testing came in at 3.4 minutes, under the 5-minute threshold research had flagged as make-or-break
  • 2Creators wanted more templates per niche. The initial set felt strong but thin, and that's what drove the post-MVP template expansion
  • 3The moment a price update propagated everywhere at once got audible positive reactions in 11 of 15 sessions
  • 4Two participants hesitated right at the publish step, wanting reassurance about what viewers would actually see. A pre-publish preview summary fixed that
  • 5Participants rated the tier comparison layout the clearest way they'd ever presented their own pricing
08//ITERATIONS

01 · Creation flow had a hidden drop-off

Before

Brand customization showed up as a required fourth step, and some testers got stuck choosing colors and fonts mid-flow.

After

I made branding optional, with smart defaults pulled from onboarding, so users could publish first and refine later. Completion rates rose in the retest.

02 · Publish step felt like a leap of faith

Before

Tapping publish generated the live link immediately, with no summary of what viewers would actually see.

After

I added a full-card preview with a viewer-mode toggle before publishing. Hesitation at the final step disappeared.

03 · Template thinness in niche categories

Before

Some niches had just two templates to choose from, and testers in those niches rated the whole product noticeably lower.

After

I rebuilt the template system around modular sections, so each niche can compose far more variants out of shared parts.

09//METRICS
2,500+

Cards Created (6 weeks)

4.7/5

Satisfaction Rating

3.2 min

Avg Creation Time

70%

Mobile Usage

10//OUTCOME

Outcome

2,500+ cards created in the first 6 weeks, with a 4.7/5 satisfaction score. Average creation time landed at 3.2 minutes, beating the threshold research had set. 70% of usage is mobile, which validated the mobile-first bet from the start, and the team shipped the design 1:1 with zero deviation from spec.

11//LEARNINGS

What We Learned

01

Speed thresholds found in research make brutal, useful constraints. The 5-minute rule alone settled nearly every scope debate we had.

02

For non-designers, bounded customization beats freedom every time. Guardrails that guarantee a good outcome are a feature, not a limitation.

03

Design for the sharing surface, not just the app itself. A card link unfurling inside a WhatsApp chat is the real first impression of the product.

Mobile DesignUX ResearchCreator ToolsDesign SystemFigma