Self Sign-Up

Grubhub

We optimized Grubhub’s sign-up experience to allow merchants to join the Grubhub platform without the help of a sales representative, leveraging AI to help with the process.

ROLE
Lead Product Designer

TEAM
Myself, (1) Product Manager, (4) Frontend Engineers, (2) Backend Engineers, (1) Copy Partner, (3) Sales Partners

SKILLS
User Research, Prototyping, Wireframing, Usability Testing, Interaction Design

Explore prototype

Problem

Fewer than 1% of merchant partners were able to complete the sign-up process independently, forcing Grubhub sales reps to manually assist with signups.

This increased their workload and extended the onboarding timeline to an average of 2-4 weeks—significantly longer than the 3-5 day industry standard.
The delays frustrated our partners, preventing them from reaching diners and resulting in lost potential sales.
Additionally, the outdated design contributed to a poor user experience and lacked brand consistency, further diminishing engagement and trust.

HMW create a sign-up experience that merchants can complete on their own?

Solution

We created a revamped signup flow that offers a simpler, more engaging, and user-friendly experience for prospective merchants. We optimized the process by reducing steps, making some fields optional, and simplifying language for clarity. To improve accessibility, we added language translation for merchant partners with language barriers. Clear pricing breakdowns and 30-day free trials help ease decision fatigue, while time estimates and required information upfront improve completion rates. Additionally, engaging illustrations and compelling value propositions encourage signups. The redesign also streamlines sales team onboarding by collecting key business details early.

Research

To determine the best solution, we conducted Pendo surveys to gather feedback on the existing flow, interviewed around 30 merchant partners, and held focus groups with 2-3 partners at a time to ask them about their experience signing up with Grubhub.

90%

Couldn’t complete the flow because of the time it took to locate required information.

20-30%

Required assistance from a sales representative due to a language barrier.

80%

Struggled to understand the value of our offerings, particularly our marketing plans.

Goals

Language translation

Provide translation for the most common languages, Spanish and Mandarin.

Value propositions

Highlight value to reinforce our benefits and support informed decision-making.

Engaging visuals

Delight users with engaging visuals throughout the process.

Clear pricing plans

Show well-structured plans with cost breakdowns and included features.

Key requirements

Be upfront about the information and time needed to complete the flow.

Optional steps

Enable users to skip steps for a more flexible experience.

Design Exploration

01 // Brainstorming

After evaluating our insights, I hosted a brainstorming session in FigJam with my partners to get aligned and define which steps we wanted to include in the flow. We also worked to determine ways we could demonstrate the value users get from signing up, alleviate decision fatigue, and engage our users throughout the process.

02 // Flow mapping

Next, I outlined the steps for the flow, identifying opportunities for users to skip certain steps and strategically placing value propositions for maximum impact.

03 // Wireframes

In the wireframing stage, I focused on organizing complex information efficiently. I chose an accordion-style flow to enhance usability, allowing users to easily reference previous inputs while maintaining responsiveness across devices. Additionally, I worked to streamline the signup steps and simplify the wording throughout for a smoother experience.

04 // High-fidelity designs

When transitioning to high-fidelity, I built out components for the new accordion, ensuring seamless integration with our design system. I carefully selected illustrations from our library to enhance approachability and engagement. A key focus was redesigning the pricing plans, incorporating on-brand visuals, clear cost breakdowns for delivery and pickup, and a transparent presentation of offerings. Additionally, I collaborated with copy partners to craft compelling value propositions that effectively promote Grubhub throughout the flow.

User Testing

I tested the new accordion design against a stepper experience to assess user preference, observing interactions and gathering feedback as users navigated the flow.
70% of merchants preferred the accordion, citing its ease in referencing previously submitted information and clarity on upcoming tasks.

Stepper

Accordion

I made sure the designs function seamlessly on both mobile and tablet devices, providing flexibility for busy merchants who lack time to use a desktop and enabling sales reps to onboard new merchants in person.

Responsiveness

Tablet

Mobile

Leveraging AI

To further enhance the intuitiveness and efficiency of the signup process, I designed an AI assistant called GrubBot to guide merchants through onboarding, provide real-time support, answer FAQs, clarify requirements, and help reduce drop-off rates. I focused on creating a user-friendly chatbot UI with clear prompts, structured decision paths, and proactive assistance. Through iterative testing and user feedback, I continuously refined the experience to maximize engagement and conversion.