Cleya Beauty

Problem

Initial storefront suffered from slow page transitions and noticeable layout shifts on mobile checkout — the conversion-critical path. LCP was above 3s on average, and the cart flow felt sluggish to users.

Solution

Built a custom Remix storefront connected to Shopify, using Remix's nested routing and loaders to minimize over-fetching. Component-level lazy loading for product galleries, image optimization, and a checkout flow tuned for mobile-first interaction. Replaced default cart UI with optimistic updates so user actions feel instant.

Results

What I Learned

Remix's loader/action model maps unusually well to e-commerce data flows. The mental shift from 'fetch in component' to 'data colocated with the route' eliminated entire categories of bugs around stale cart state.