Toast Digital Storefront Onboarding

TLDR; Redesigned the onboarding experience for Toast's digital storefront suite, streamlining the process to boost customer confidence and activation rates. By integrating branding tools, flexible product setups, and real-time previews, the project achieved a 64% increase in task completion and reduced support tickets by 30% year-over-year.

Designing for Diverse Customer Needs: Speed VS Customization

As we began designing, we identified two distinct customer types: the rushed business owner who needs to set up their Digital Storefront products as quickly as possible, who may also not have branding assets on hand and the detail-oriented user who prefers a more thorough, customized setup.

This insight led us to create a flexible onboarding flow, balancing a fast-track option for efficiency with a comprehensive path for those seeking deeper customization.

Two Tailored Paths: Express and Manual Setup
Express Setup: An AI-driven flow designed for speed, capable of generating a complete website and online ordering page in minutes. This path could scrape existing sites for images, generate a color palette from the customer’s logo, and set a tone of voice and typography with a couple of steps—delivering a polished site effortlessly.
Manual Setup: A multi-step guide tailored for users who prefer to craft each detail of their website and online ordering experience, offering greater customization and control.

We decided to implement the Manual Setup path first due to technical limitations that made the more robust vision for the Express Setup path challenging to execute immediately. While the AI-driven, automated flow held immense potential, it required advanced scraping and generation capabilities that needed further development. Starting with the Manual Setup allowed us to deliver value quickly by offering a guided, customizable experience, which we also user-tested and were able to refine, while setting the stage for the future integration of the Express Setup path.

The Manual Setup

The onboarding flow starts with three key steps:
Get Started Screen: A quick overview of what customers can set up, providing clear expectations for the process.
Product Selection: Customers choose whether to set up the full Digital Storefront Suite or just Online Ordering, catering to those who already have a website.
Setup Path Choice: Customers then select between Manual Setup, for a detailed, step-by-step process, or Express Setup, for a fast, AI-generated solution


The Express Setup