What was delivered
A digital service surface for a payment provider operating across online, in-store, and telephone payments.
Selected product evidence
Original project imagery is retained here and framed against the current engineering service category. It demonstrates the delivered product surface, not unverified business outcomes.
Product interface
Product interface
Smicolon product interface
Regulated digital delivery where trust is part of the interface
In payments, the interface is part of the trust argument. Nexpay had to carry clarity, secure journeys, and operational credibility at the same time.
Why it was hard
Regulated-domain UX, dependable content delivery, and clear conversion paths need production discipline.
challenge
While working with Nexpay, our goal was to seamlessly integrate a custom calculator tool into their existing WordPress site. The project presented several key challenges that shaped our approach:
- 1-
Ensure secure communication between the front end and the Airtable API.
- 2-
Work within the WordPress structure while providing a modern user interface.
- 3-
Design of a user interface that simplifies complex inputs for SME users.
- 4-
Management of the validation and transmission of user data in real time.
Our Goals
1
Provide SMEs with a simple way to input card statement data and get instant results.
2
Ensure smooth and reliable communication between the webpage and Airtable API.
3
Design and integrate a seamless, branded page into NexPay’s existing WordPress site.
Our Process
01
Plan & Define
We start by understanding your business goals, target users, and technical needs — creating a clear roadmap and content structure.
02
Design & Build
We craft user-friendly interfaces and build scalable, responsive websites using modern technologies tailored to your business needs and goals.
03
Launch & Optimize
After thorough testing, we launch with confidence — then continue to monitor, improve performance, and support future growth.
Color Palette
Typography
Work Sans Font Family
Heading Text Style
NexPay is a UK-based payment provider helping businesses accept secure, cost-effective card payments online, in-store, and by phone.
Subtitle Text Style
NexPay is a UK-based payment provider helping businesses accept secure, cost-effective card payments online, in-store, and by phone.
Body Text Style
NexPay is a UK-based payment provider helping businesses accept secure, cost-effective card payments online, in-store, and by phone.
Product Users
Great products start with great user understanding. By identifying the people who rely on Nexpay’s SME calculator, we tailored every interaction to build trust from the very first click.
Blueprint
A clear outline of the calculator’s structure, layout, and user flow to guide design & development from start.
Solutions
01
Airtable Integration
Integrated the calculator with Airtable to send and retrieve data in real-time.
02
Modular Design
Designed calculator as an embeddable component within the existing site.
03
Optimized Form Flow
Refined the input experience to make data entry quick and intuitive.
A consistent experience at every touchpoint
We unified the interface elements to ensure a clean, coherent, and intuitive user journey aligned with Nexpay’s branding.
Wireframing
Low-fidelity wireframes were created to outline the page structure and user flow, helping to visualize content hierarchy before moving into visual design.
Our Outcome
We crafted a clean and intuitive user interface that aligns with Nexpay’s brand, ensuring a seamless and engaging user experience.
