Boostly (YC S22)

Boostly is a restaurant text marketing platform. We worked with their team to improve their onboarding flows, redesign their core app, and re-design their brand.

Branding

UX/UI

User Testing

User Research

Illustrations

  • Boostly Logo
  • Boostly onboarding design showing Review Campaigns
  • Boostly onboarding design showing calendar preview
  • Illustration showing a robot handing gift to human
  • Boostly Logo
  • Boostly onboarding design showing Review Campaigns
  • Boostly onboarding design showing calendar preview
  • Illustration showing a robot handing gift to human
Mikey Murphey profile picture
Mikey Murphey profile picture

Mikey Murphy

Co-Founder and CTO of Boostly (YC 22)

True Product and Design Partners

True Product and Design Partners

True Product and Design Partners

Denada has been so good at unexpectedly anticipating what we need. They have a perfect blend of high-quality UX, good communication, ability to run with ambiguity and work across all areas of the product pipeline. Honestly a game changer.

Goals

Boostly contacted us on to help with some general design work. Once they understood our speed that scope grew to include onboarding, branding, and their core app.

For each core need we ran a discovery process that included conducting user and stakeholder interviews. We iterated on the UX/UI (by creating raw sketches and low and mid fi wireframes), and then came back with high fidelity mockups.

+19%

Increased Net Revenue Retention

Onboarding Flow

+15%

Increased Speed to Launch

Increased Time to Launch

Onboarding Flow

+22%

Increased Offer View to Redemption Rate

Main App

Onboarding & Activation

Boostly tasked us to improve the onboarding flow in order to increase activations.

To do this we led a series of interviews and then followed best practices in implementing solutions for what we learned.

Boostly onboarding start page
Boostly onboarding start page

Research

We led off by interviewing internal stakeholders, diving deep on onboarding processes, and shadowing and listening to customer onboarding calls.


Through these we identified two core problems to focus on: helping customers understand the product better to be bought into their launch, and reducing internal errors by standardizing the whole process.

Onboarding research summary document for Boostly
Onboarding research summary document for Boostly

Design System

After conducting research we created a comprehensive design system to facilitate consistency and speed while designing the rest of the product.


This helped to eliminate repetitive work and set Boostly up for success with future design hires.

The latest Figma techniques and best practices were used to make the design system as scalable, efficient, and usable as possible.

Design system component examples
Design system component examples
Design system component examples

Design

Throughout the design we focused on overcoming the problems mentioned above and getting the customer to value faster and faster.


This involved many, many iterations, and turning implicit stakeholder knowledge into explicit strategic product decisions.

Onboarding navigation UI examples
Onboarding navigation UI examples
Onboarding navigation UI examples

Navigation pattern, allowing Continue, Skip and Go Back

Calendar preview UI example
Calendar preview UI example

Calendar preview

Review campaign onboarding UI example
Review campaign onboarding UI example
Edit campaign onboarding UI example
Edit campaign onboarding UI example
Calendar preview onboarding UI example
Calendar preview onboarding UI example

Testing

In order to ensure our designs were accomplishing their goals we worked with Boostly to implement live Figma prototypes with real customer data into their onboarding calls.


The results were good enough that while the code was being written the entire team began using the Figma prototype to onboard clients.

Screenshot showing prototype connections in Figma
Screenshot showing prototype connections in Figma
Screenshot showing prototype connections in Figma

Prototype in Figma used for testing

Y Combinator Logo

Y Combinator backed?

Sign up here to register for one of our special packages.

Branding

In addition to product design work, Boostly wanted to elevate their brand for a more successful customer perception and in preparation for raising their next round.

Boostly Logo
Boostly Logo
Boostly Logo

Process

We led a design discovery process to achieve full understanding of their brand including surveys, competitor research, and live interviews with stakeholders. We also gathered meaningful examples in the form of a moodboard to aid the creative process.


Through these exercises we helped Boostly to devise their brand values and set a foundation to build on.

Screenshot of logo moodboard in Figma
Screenshot of logo moodboard in Figma

Moodboard

Iterations and Final Results

With core values and moodboards in hand we iterated through several logo concepts, color palettes, and typography options.


After several rounds of feedback we crafted 3 original concepts and selected one to refine. The chosen logo shows a series of message bubbles assembled in a layout that shows a propeller in the negative space, as a way to convey the concept of Boostly being fuel for their customers. The center of the logo is a star, as a symbol of AI, which is part of their core.

Screenshot showing concepts combined to make Boostly logo
Screenshot showing concepts combined to make Boostly logo
Screenshot showing concepts combined to make Boostly logo
Alternate stairs-like concept for Boostly logo
Alternate stairs-like concept for Boostly logo
Alternate stairs-like concept for Boostly logo

Second Concept

Second Concept

Alternate Boostly logo with a message and turbine inside it
Alternate Boostly logo with a message and turbine inside it
Alternate Boostly logo with a message and turbine inside it

Third Concept

Boostly's team

Boostly's team

Boostly logo created into a sign in their physical office
Boostly logo created into a sign in their physical office
Boostly logo created into a sign in their physical office

Brand application in the office wall

Brand application in the office wall

Brand application in the office wall

Brand application in the office wall

Illustrations

Once we'd solidified the brand direction we began working on a unique illustration language to add delight and aid storytelling throughout the onboarding flow.


We ended up with a language focused on:

  • Future & Innovation

  • Automation

  • Robots Helping Humans

Onboarding welcome animation

Login animation

Onboarding success animation

Campaign creation animation

Hand drawn illustration example
Hand drawn illustration example

Initial hand drawn sketches

Hand drawn illustration example
Hand drawn illustration example

Initial hand drawn sketches

Illustration showing robot hand handing a gift to a human hand
Illustration showing robot hand handing a gift to a human hand

Let's work together.

Let's work together.