PayInn
A business-facing payments platform that helps merchants offer alternative payment options, especially cryptocurrency-to-fiat payments, at checkout.
View Live Website
Lead Designer & Developer — concept, design and build.
Headless WordPress, deployed on Netlify.
Fast, trustworthy, mobile-friendly merchant experience.
How I built it
The journey from brief to production.
Brief
PayInn is a business-facing payments platform that helps merchants offer alternative payment options, especially cryptocurrency-to-fiat payments, at checkout. I led the project end to end, building a fast, trustworthy front-end for merchants exploring alternative payment methods.
Wireframe & Design
I started with wireframes to plan the page structure and user flow, then worked with the design team to turn them into high-fidelity mockups in Figma. The final designs helped define the layout, components, and overall visual direction before development.
Build — Headless Approach
I took a headless approach, pairing GatsbyJS with a WordPress backend over WPGraphQL, giving content editors a familiar admin experience while the front-end shipped as its own decoupled, statically generated layer — every page pre-rendered at build time for fast load times and clean, crawlable HTML for SEO. Keeping the backend fully decoupled from the public-facing site kept the payments messaging performant and secure, with no server-rendered attack surface exposed to visitors.
Staging & Production
The project is hosted on Netlify with CI/CD wired up through Github, so every merge to staging and production automatically builds and deploys the latest version. That removed manual deployment steps and made releases predictable and low-risk.
+61 45 209 9038