Orion — embedded payments platform
Embedded payments platform helping SaaS founders add Stripe Connect, billing, and reconciliation with one component.
- Embed SDK rewrite
- Webhook reliability layer (idempotency)
- Reconciliation dashboard
- Compliance design (PSD2, SCA)
- Developer documentation
What they needed to solve.
Customers were spending 6–8 weeks integrating Stripe Connect themselves and another 4 reconciling payouts. Orion's existing widget had a 31% drop-off during onboarding and didn't support EU 3DS flows reliably.
How we approached it.
Re-engineered the embed as a Next.js-hosted React component that handles SCA, payouts, refunds, and ledger reconciliation. Drop-in <OrionCheckout/> for hosts; idempotent webhooks; reconciliation dashboard for finance teams.
Design decisions.
- AaInter — SDK UI
- AaJetBrains Mono — API + ledger
- AaSöhne Breit — docs hero
Dual-surface system: embedded component (tight) and merchant dashboard (analytical). Every state has a corresponding webhook diagram.
- Drop-in component with theming tokens
- Documentation written as runnable Sandpack examples
- Reconciliation viewer with diff highlighting
What changed.
Legacy iframe widget, brittle 3DS, manual reconciliation in spreadsheets, 6-8 week integration projects.
React component embed, hosted SCA flow, idempotent webhooks, automated reconciliation viewer.