Work / Invio

A new onboarding for an invoicing tool: show the value before the trial

A Shopify plugin that turns store orders into custom, VAT-compliant invoices.

  • Onboarding
  • Shopify plugin
  • Accessibility
Client
Invio

The problem

More than 80% of users dropped out during onboarding.

It showed the features one after another. It never showed what the product was worth.

Goals

1. Give onboarding its own flow. Separate it from the rest of the app.

2. Keep it simple and memorable. Users should remember the experience.

3. Show the invoice fast. Users see what their documents will look like.

4. Apply their brand in one click. Their design, on every invoice.

Step 1: Start in seconds

Users pick a ready-made template. It is already filled in with their Shopify data.

Step 2: Apply your brand

Preset colour palettes and a colour picker. Contrast is checked automatically against WCAG.

Step 2: accent colour and typography, applied live on the invoice canvas

Step 3: Watch the document come to life

VAT, company details and a realistic sample invoice. Everything updates live.

Step 3: EU VAT number and document numbering, next to the live invoice

Step 4: Prove the value on real orders

Three sample invoices are made from real orders. Users can send them by email.

Step 4: live preview of an invoice with a payment QR code

Step 5: Offer the trial, then the plan

The trial or plan only comes after the value is proven.