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-
Ensuring secure communication between frontend and Airtable API.
- 2-
Working within WordPress’s structure while delivering a modern UI.
- 3-
Designing an interface that simplifies complex inputs for SME users.
- 4-
Managing validation, and submission of user data in real-time.
Our Goals
Provide SMEs with a simple way to input card statement data and get instant results.
Ensure smooth and reliable communication between the webpage and Airtable API.
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 Pallet
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.
Solution
Airtable Integration
Integrated the calculator with Airtable to send and retrieve data in real-time.
Modular Design
Designed calculator as an embeddable component within the existing site.
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.
Our Outcome
We crafted a clean and intuitive user interface that aligns with Nexpay’s brand, ensuring a seamless and engaging user experience.
