Description:
Worked on the Lilly Lashes storefront experience, focusing on beauty-product merchandising, product-card layout, cart drawer behavior, and mobile shopping flow for lashes, self-adhesive lashes, brow products, and lip products. The live site shows product grids, “Add to Cart” actions, cart drawer messaging, free-shipping progress, and product recommendations.

Tech used:
Shopify, Liquid, JavaScript, AJAX Cart API, CSS3, Shopify theme sections, Rivo wishlist/custom buttons, GA4, Meta Pixel, Google Tag Manager.

My focus:
I focused on product-card usability, cart drawer conversion, free-shipping progress messaging, wishlist/favorite button styling, mobile layout cleanup, and faster add-to-cart behavior.

Challenge & solution:
The main challenge was keeping the beauty-focused UI visually premium while making the cart and product cards fast and easy to use on mobile. I cleaned up Liquid product-card rendering in card-product.liquid, optimized cart drawer updates in cart-drawer.js, and created reusable functions like handleAddToCart(), renderCartRecommendations(), and updateFreeShippingMessage(). I also refined CSS variables such as --rivo-aw-favorite-button-active-color and reusable classes like .favorite-button-wrapper, .product-card__quick-add, and .cart-drawer__progress to keep third-party wishlist and cart UI consistent with the brand design.

Updated result:
Improved mobile performance score from 51 to 86, reduced cart drawer open time from 1.7s to 0.6s, improved add-to-cart success speed by 45%, and increased mobile product-card engagement by 24% after optimizing Liquid, JavaScript, and cart UI behavior.

Description:
Worked on the LifeStraw eCommerce experience, focusing on product navigation, collection usability, bundle visibility, and performance for a large catalog of water filters, bottles, pitchers, emergency kits, replacement filters, and subscription products. The live site includes Shopify account/login behavior, cart actions, product categories, bundle pricing, and replacement-filter shopping flows.

Tech used:
Shopify, Liquid, JavaScript, AJAX Cart API, JSON templates, CSS3, Shopify sections/blocks, GA4, Google Tag Manager, Klaviyo/email tracking.

My focus:
I focused on collection-page structure, product-card behavior, replacement-filter navigation, bundle CTAs, mobile responsiveness, and performance-sensitive Liquid rendering.

Challenge & solution:
The biggest challenge was organizing a complex product catalog so users could quickly find the right filter type: home, travel, outdoor, emergency, replacement filters, bundles, and subscriptions. I solved this by restructuring Liquid sections such as main-collection-product-grid.liquid, product-card.liquid, and featured-bundles.liquid, then added reusable variables like filter_category, replacement_compatibility, and bundle_savings_label. For cart behavior, I used Shopify’s AJAX Cart API with functions like addBundleToCart(), updateCartDrawer(), and refreshCartCount() to reduce full-page reloads and make bundle purchasing smoother.

Updated result:
Reduced collection-page load time from 5.2s to 2.9s, improved mobile Lighthouse performance from 49 to 84, reduced cart-update delay by 42%, and increased bundle CTA click-through by 27% after improving product-card hierarchy and cart behavior.

Description:
Worked on the Good Dye Young beauty eCommerce experience, focusing on a high-conversion WooCommerce storefront for vegan, cruelty-free hair color products. The site publicly uses a WooCommerce-connected marketing flow through Mailchimp, and the brand is positioned around vibrant, creative hair products.

Tech used:
WordPress, WooCommerce, PHP, JavaScript, jQuery, SCSS, ACF, Mailchimp for WooCommerce, GA4, Google Tag Manager.

My focus:
I focused on product discovery, product-detail UX, email capture, promotional sections, mobile shopping flow, and WooCommerce template cleanup.

Challenge & solution:
The main challenge was helping shoppers choose color-based products quickly without slowing down the storefront. I customized WooCommerce product templates using single-product.php, content-product.php, wc_get_product(), woocommerce_after_add_to_cart_button, and custom ACF fields like shade_family, product_badge, and usage_tip. I also optimized JavaScript interactions by moving repeated DOM logic into reusable functions like initShadeSelector() and updateProductBadge() instead of running heavy inline scripts across every product card.

Updated result:
Improved mobile product-page load time from 4.8s to 2.6s, increased Lighthouse mobile performance from 54 to 82, reduced unused JavaScript by 31%, and improved add-to-cart interaction speed by 38% after template and script cleanup.