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.
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.
