KitNipBox single page checkout landing page on desktop and mobile.
Web

KitNipBox

Reusable landing page template with checkout functionality.

Summary

As part of a redesign for a legacy custom e-commerce website, I created an easy-to-update landing page template with checkout functionality, adaptable for future promotions on a legacy e-commerce platform.

Project Info

Client
Caitec / KitNnipBox
Role
UI/UX Design, Front-End Development
Tools
Figma, Illustrator, Photoshop, VS Code
KitNipBox landing page design on laptop

The Challenge

As part of the first phase of redesigning an e-commerce website, I was responsible for improving the checkout process and utilizing it in a landing page template. The goal was to make it easier to reuse the template for marketing promotions and reduce the number of steps for customers to complete a purchase after clicking email, banners, and social media links.

KitNipBox landing page website on laptop

The Solution

The solution was straightforward: utilizing components developed for the checkout during the redesign, I integrated them into a new base landing page template. I then created new marketing assets for future promotions.

KitNipBox landing page on Mobile

The Results

We saw better engagement, reduced cart abandonment, and increased subscriptions. In the future, there will no longer be a need to create new promotions without the need to build custom landing pages for each marketing campaign.