LocaleFlow onboarding: 5 prototypes

Goal: 10x merchant onboarding to active translation while staying inside Shopify Polaris. Built 2026-05-04 from the current welcome screen audit.

Audit of current onboarding

What's there now

  • Two "Welcome to LocaleFlow" sections (one banner, one card) saying nearly the same thing
  • No language picked yet, but "Create demo translations" assumes one is set in Settings (hidden hop)
  • "Why LocaleFlow" feature grid is generic copy, no merchant data
  • "How it works" 4-step block is a description of what they will do later, not progress
  • Resource type chips at the bottom are unexplained
  • One CTA "Start translating" with no time-to-value promise

What the research says

  • Shopify: max 5 steps, dismissible, value-first, request data only when needed (source)
  • Interactive flows = +50% activation; users hitting value in 5–15 min retain 3x (source)
  • Persona segmentation drove +36% completion at Trello (source)
  • Weglot promises a multilingual store in 5 minutes — that is the bar
  • 75% churn in week 1 if no engagement; 90% if no engagement in 3 days

Five distinct directions to test

How to read these prototypes: hover any orange numbered pin to see the reasoning behind that change. All variants stay inside Polaris components and tokens. Color, type, spacing, button shape, banner pattern, callout card, and step list mirror Shopify admin v13.