Client

Perfume Plug

Role

Fullstack Engineer

Live LinkView Project
Brand Logo
Gallery image 2
View Project
Gallery image 3
View Project
Gallery image 4
View Project
Gallery image 5
View Project
Gallery image 6
View Project
Gallery image 7
View Project

Overview

Engineered a high-performance headless architecture for Perfume Plug Kenya, decoupling the frontend from a legacy WordPress backend to modernize the shopping experience. I designed and developed a custom Next.js ecosystem that maintains 100% feature parity with the original WooCommerce store—including complex cart flows and product logic—while transforming the interface into a lightning-fast, luxury-focused web application.

Technical Execution

  • Headless Architecture: Leveraged the WooCommerce REST API to synchronize real-time product data with a high-speed Next.js and React.js frontend, ensuring stable business logic with superior performance.

  • Luxury UI/UX Design: Crafted a sleek, premium interface in Figma tailored for the fragrance market, implementing Tailwind CSS for a responsive, “app-like” feel optimized for mobile-first commerce.

  • Advanced Features: Developed a custom “Scent Matcher” tool to align user preferences with product notes, utilizing TypeScript and custom state management for a fluid, real-time discovery experience.

  • Optimization & Delivery: Implemented optimized image delivery and Technical SEO strategies, significantly reducing load times and enhancing the user journey from discovery to checkout.

Result

Successfully delivered a significantly lighter and more scalable store that enhances brand prestige without sacrificing existing operational stability. This transition to a headless reality bridges the gap between legacy content management and modern frontend engineering, positioning the brand for high-traffic growth and a more sophisticated customer experience.

TypeScript
JavaScript
Nextjs
React.js
file_type_tailwind
Tailwind