Master every delivery moment with Metapack
Delivering versatile shipping options for their customers
Demo ecommerce website for an innovative delivery management platform
Designed for the world’s largest retailers and 3PLs, Metapack delivers unmatched scale, choice, and intelligence to conquer your toughest logistics challenges.
- Project type
- Web development & Design
- Client
- Metapack
- Time line
- 10 days
- UI/UX Design
- Frontend Development
- Backend Development
- API Integration
- Database Design
- Cloud Hosting
A high-impact eCommerce demo site designed, built, and delivered in just 10 days
We partnered with Metapack to create a polished, Metapack-integrated platform for DELIVER Europe in Amsterdam. Here's how we made it happen.
Product Browsing
Showcase your catalogue with clean, intuitive eCommerce UX
Checkout with delivery options
Integrated delivery options at checkout powered by Metapack's performant API.
Visual Lookbook
Elevated design that brings products and brand to life.
Project overview
Showcasing Innovation in the Checkout
Metapack approached us with a time-sensitive challenge: create a live demo platform to support their presence at an upcoming event in Amsterdam. The goal was to showcase the capabilities of Metapack's delivery options API in a real world context, highlighting its power and flexibility for potential partners and customers.
To achieve this, we built a full-featured eCommerce site from the ground up designed not only to demonstrate technical functionality but also to reflect Metapack's playful, creative idea for this project. The site included a custom product catalogue, personalised checkout flow with Metapack API integration (including delivery options), and automated confirmation emails. We also implemented a lead capture system via Supabase and configured end-to-end hosting and deployment, ensuring everything was live, fast, and reliable during the event.
Despite a tight 10-day turnaround, we delivered a polished and performant site that gave Metapack exactly what they needed: a hands-on, customer-facing demo experience that brought their tech to life.
Words from Metapack
To round off the project, we asked Metapack for their perspective on the collaboration and final outcome. Here’s what they had to say:
"MTR exceeded our expectations, delivering impressive results that perfectly met our brief and tight timeline. We highly recommend them.”"
Hearing this feedback reinforced our goal: to not just build a functioning demo, but to create an experience that truly showcased Metapack’s innovation. The project’s success highlights the impact of meaningful collaboration, creative design, and technical execution.
Proving what collaboration can deliver
The demo not only served its purpose at the Amsterdam event but also left Metapack with a reusable, scalable platform that can be adapted for future showcases. Beyond proving the technical capabilities of their delivery options API, the project demonstrated how quickly complex ideas can be transformed into a tangible customer experience.
By combining smart integration with a clear, engaging user journey, the project brought logistics innovation to life in a way people could see and use. Delivered in just ten days and built to last, it proved the value of agile, collaborative execution..
Tech Stack
We chose React and Tailwind to rapidly create a responsive, high-performance front end with clean, modern design. Supabase offered a quick and scalable way to manage data without overcomplicating the stack. Metapack’s API was integrated directly into the checkout to showcase real-time delivery options, while Resend handled confirmation emails for a polished user journey. Everything was deployed on Vercel to ensure fast global performance and a seamless deployment workflow allowing us to build and ship fast with confidence.
Frontend
- React
- Next.js
- Tailwind CSS
Backend
- Node.js
- Next.js
ORM & Database
- Supabase
Hosting
- Vercel