Checkout Catalyst

Overview

Checkout Catalyst is a versatile customisation platform designed to help Shopify store owners create seamless checkout experiences that boost online store revenue. The app provides comprehensive tools to tailor every aspect of the checkout process, from payment options to shipping modifiers, ensuring flexibility, convenience, and brand consistency.

My role was to design the user interface for this complex application, creating an intuitive experience that empowers administrators while maintaining visual consistency and usability across all features.

My Role

Software Engineer (UI Development)

As a Software Engineer, I developed the user interface for Checkout Catalyst, building interactive and intuitive components for the Shopify app.

• ▪Developed responsive React components for the checkout customisation dashboard.
• ▪Built intuitive interfaces for payment, shipping, and field validation management using TypeScript.
• ▪Implemented a consistent component library ensuring brand alignment across all app sections.
• ▪Optimized user workflows and interactions to reduce complexity and improve admin efficiency.
• ▪Integrated with Django backend APIs to ensure seamless data flow and functionality.

This project enhanced my skills in building scalable SaaS applications, component architecture, and translating complex features into intuitive user interfaces.

Key Features

Tech Stack

Impact

• ▪Reduced checkout abandonment through improved user experience and customisation options.
• ▪Increased average order value through strategic on-page upselling capabilities.
• ▪Improved admin efficiency with intuitive design and streamlined workflows.
• ▪Enhanced brand consistency across Shopify stores using the app.