Natura US

Natura US

Published: August 17, 2025

As frontend developer, I rebuilt the cart drawer with TypeScript and Shopify APIs, enabling real-time updates and upsell integrations. Enhanced product pages with dynamic media galleries and variant selectors, improving mobile UX.

  • liquid
  • typescript
  • shopify

  • The what: Custom Shopify theme (Headed)

    The where: Shakers Agency (for Natura USA)

    The when:

    Status: Live | Visit site

    🎯 Objective

    Develop a high-performance Shopify frontend for Natura US, focusing on:

    • A custom cart drawer with real-time updates and upsell integrations
    • Enhanced product pages with seamless variant selection and media display
    • Scalable TypeScript architecture for maintainability across teams

    🛠 What I Built

    Cart System Rewrite

    • Built from scratch with custom TypeScript logic
    • Features implemented:
      • Real-time AJAX cart updates
      • Cart API management layer
      • Third-party upselling integrations

    Product Page Enhancements

    • Developed reusable components:
      • Dynamic media gallery
      • Variant selection system
      • Review widget integration
    • SEO-optimized markup structure

    Testing

    • Created cypress tests for enrusing:
      • Cart events functionalities