Hide the hard parts. Preview everything.
I designed the onboarding as a guided wizard: connect Supabase over OAuth instead of pasting keys, set the app basics, build a pricing plan on an interactive table that previews the customer-facing result in real time, connect Stripe through an embedded component that pulls the keys automatically, and configure Google Auth. One deliberate call: put pricing setup before the Stripe Connect step, so founders hit the rewarding part first and push through the tedious middle instead of dropping off.
Around it, a three-column dashboard, a collapsible dark sidebar, a content column, and a preview column showing the end app update at every step, and a standardized set of auth and checkout components: sign-in, sign-up, password reset, one- and two-plan pricing pages, and an embedded Stripe checkout. Customization was kept to a primary color and a logo, modeled on Shopify's checkout: trustworthy and consistent, not endlessly brandable. Opinionated defaults over configuration, plain language over developer-speak, and a preview at every step so nothing shipped blind.
