Creator and Brand Marketplace (NDA)

Creator and Brand Marketplace (NDA)

Product Designer Lead for a B2B2C influencer–brand marketplace startup

A campaign calculator with many moving parts. A mobile screen with limited space. A team of 8 that needed to ship in Flutterflow.

A campaign calculator with many moving parts. A mobile screen with limited space. A team of 8 that needed to ship in Flutterflow.

How might we help brands efficiently identify and select the right creators for their campaigns with confidence?

How might we help brands efficiently identify and select the right creators for their campaigns with confidence?

Company

B2B2C Influencer Marketplace Startup

Location

Los Angeles, CA (Remote)

Role

Product Design Lead and Flutterflow Subject Matter Expert (SME)

Tools

Figma and Flutterflow

Duration

1 year and 3 months, May 2023 - Aug 2024

Due to confidentiality constraints, official product design cannot be shared. The screens and flows presented in this selected project have significantly and independently been redesigned in Figma with different content, structure, and visual design, and are entirely my own.


For further inquiries about NDA work please contact me.

Due to confidentiality constraints, official product design cannot be shared. The screens and flows presented in this selected project have significantly and independently been redesigned in Figma with different content, structure, and visual design, and are entirely my own.


For further inquiries about NDA work please contact me.

PROJECT

I designed how brands can book creators, specifically curated and tailored to their product campaigns, through a "Campaign Calculator".

I designed how brands can book creators, specifically curated and tailored to their product campaigns, through a "Campaign Calculator".

The platform is a mobile-first, two-sided marketplace where brands define campaign parameters and get matched with creators through an algorithm. The booking flow is the critical moment where brands go from browsing to committing to a creator for their campaign.

Challenges

A dense comparison table that broke down on small screens as creator data became granular and unreadable.

A multi-input form that felt like a questionnaire, not a calculator. Brands couldn't see how their choices (budget, reach, creator count) connected.

Inconsistent UI across screens made the flow feel untrustworthy and unfinished.

Design Impact

Enabled designs suitable for backend integration by 60% through wireframe revisions that were code replicable without inconsistencies in visual design.


Backend integration was analyzed weekly between the engineering and design teams to simulate core functions such as booking creators. Through testing, initial Figma wireframes were deemed inconsistent in visual design and lacked the standardization needed to code core functional elements, such as buttons and cards.

Enabled designs suitable for backend integration by 60% through wireframe revisions that were code replicable without inconsistencies in visual design.


Backend integration was analyzed weekly between the engineering and design teams to simulate core functions such as booking creators. Through testing, initial Figma wireframes were deemed inconsistent in visual design and lacked the standardization needed to code core functional elements, such as buttons and cards.

Increased user testing satisfaction of the "creator booking flow" by 40% through tailored calculator inputs and AI campaign estimates.


During testing, brand representatives preferred finding creators through the campaign calculator rather than a manual search or swiping process as it allowed them to book creators more quickly. Booking creators through a manual match mechanism took on average 22 minutes, while the campaign calculation reduced the average booking time to 15 minutes.

Increased user testing satisfaction of the "creator booking flow" by 40% through tailored calculator inputs and AI campaign estimates.


During testing, brand representatives preferred finding creators through the campaign calculator rather than a manual search or swiping process as it allowed them to book creators more quickly. Booking creators through a manual match mechanism took on average 22 minutes, while the campaign calculation reduced the average booking time to 15 minutes.

Leadership Impact

As a product design lead and Flutterflow SME, I closed the gap between design and engineering by upskilling the team on Flutterflow.

As a product design lead and Flutterflow SME, I closed the gap between design and engineering by upskilling the team on Flutterflow.

1

1

Led a team of 8 designers to design onboarding flows, brand dashboard interfaces, and performance analytics to streamline influencer-brand matchmaking on Figma.

2

2

Worked with product managers and engineers to convert Figma screens into a functional Flutterflow app with Supabase backend integration.

3

3

Instructed the UX design intern group on how to design web and device responsive screens within Flutterflow within weekly catch-up calls.

FlutterFlow is a visual development platform used to build native iOS, Android, and web applications. Because the design interface is vastly different than Figma, it was necessary for me to teach UX design interns how to replicate the Figma wireframes into FlutterFlow screens. This design transfer process allowed backend and supabase engineers to code a functional beta app through FlutterFlow. Replication required weekly meetings to first revise the Figma wireframes to match a standardized design system, and then future tutorial workshops on the specific controls of FlutterFlow.

design decisions

Calculator Input Redesign

The new design transforms the form from a long questionnaire into an interactive calculator that provides immediate feedback and helps users understand the relationship between budget, reach, and creator count.

Swiping Card Comparison

By shifting to a horizontal, swipeable card system, the design prioritizes readability and progressive disclosure, allowing users to focus on one creator at a time while maintaining a clear mental model for comparison. This interaction pattern also aligns with familiar mobile behaviors, making the experience more intuitive and efficient.

Tradeoff:

This approach prioritizes clarity and decision speed over dense data visibility, trading off breadth of information for improved usability on mobile.

Product FLOW

The creator booking process is structured into a concise, five-step workflow, enabling faster, more confident decision-making for brands.

The creator booking process is structured into a concise, five-step workflow, enabling faster, more confident decision-making for brands.

Final design

Reflection

This project strengthened my ability to design for two-sided marketplaces under real engineering constraints, lead cross-functional teams, and translate ambiguous product ideas into structured, buildable experiences.

This project strengthened my ability to design for two-sided marketplaces under real engineering constraints, lead cross-functional teams, and translate ambiguous product ideas into structured, buildable experiences.