Streamlining Realistic Tailored Sales Prototypes

Streamlining Realistic Tailored Sales Prototypes

Problem

Building individual sales prototypes from scratch was inefficient and time-consuming, requiring designers to repeatedly create basic UI elements for each new client pitch.

Building individual sales prototypes from scratch was inefficient and time-consuming, requiring designers to repeatedly create basic UI elements for each new client pitch.

Solution

Implemented a streamlined prototyping workflow by converting the existing community hub design system into a library of reusable Figma components.

Implemented a streamlined prototyping workflow by converting the existing community hub design system into a library of reusable Figma components.

Impact

Reduced sales prototype creation time for the design team from up to 2 full days to just several hours, increasing efficiency and speed of sales life cycle

Reduced sales prototype creation time for the design team from up to 2 full days to just several hours, increasing efficiency and speed of sales life cycle

Over the past year, I've contributed 50+
Branded Hub Sales Prototypes that accelerate client acquisition. Here are a couple examples.

Over the past year, I've contributed 50+ Branded Hub Sales Prototypes that accelerate client acquisition.

To effectively sell community hubs, we developed rapid, branded "sales mocks" that allowed clients to see their own version.

To effectively sell community hubs, we developed rapid, branded "sales mocks" that allowed clients to see their own version.

Kanye West

Kanye West

TellTale Games

TellTale Games

Shatterline

Shatterline

Pokémon

Pokémon

State Of Survival

State Of Survival

An important aspect to these sales pitches is helping a client visualize how their brand can be represented.

An important aspect to these sales pitches is helping a client visualize how their brand can be represented.

To do that we were designing and building fully clickable interactive prototypes on figma for each client.

To do that we were designing and building fully clickable interactive prototypes on figma for each client.

However, before I joined, designers were building each sales prototype from scratch. (individually creating new buttons, text fields, etc.)

However, before I joined, designers were building each sales prototype from scratch. (individually creating new buttons, text fields, etc.)

When I joined the team, my first step was to take the community hub's base design system and turn it into reusable Figma components.

When I joined the team, my first step was to take the community hub's base design system and turn it into reusable Figma components.

This helped the design team create and re-skin componentry for new sales prototypes much faster, shortening a process that used to take up to 2 full days down to several hours.

This helped the design team create and re-skin componentry for new sales prototypes much faster, shortening a process that used to take up to 2 full days down to several hours.