SOME OF MY PAST PROJECTS
SOME OF MY PAST PROJECTS
- Worked across all Tupperware international Shopify stores worldwide, supporting the brand’s global replatforming and redesign initiative.
- Rebuilt Tupperware’s entire Shopify theme architecture to support a single global design system rolled out to all regions (US, CA, LATAM, EU, APAC) without breaking local customizations.
- Re-engineered the core theme into a single international architecture with 40+ reusable components configured differently per market but maintained centrally.
- Migrated US/CA checkout to Checkout Extensibility, including custom validation, consultant-linked order logic, metafield-driven personalization, and analytics events.
- Integrated GA4, GTM, Klaviyo, and OneTrust at a global scale, resolving multi-domain inconsistencies, consent desync, duplicate firing, and cross-region attribution issues.
- Improved LCP and CLS across key landing pages by re-engineering media loading, removing blocking scripts, and restructuring Liquid loops to cut render cost.
- Mentored junior developers and wrote documentation used across global teams.
- Built multiple private Shopify apps for consultant workflows, storefront logic, and internal tooling.
- Developed internal utilities using Node.js + Shopify Admin API to automate repetitive operations, partner lookup logic, metafield management, and backlog reduction for regional teams.
- Relevant Stacks: HTML, SCSS, Shopify 2.0, Node.js, React.js, Javascript, TypeScript, Python, Polaris, Rebuy, Yotpo, Klaviyo...
- Built a fully custom Monogramming Personalization System using Vue.js, integrating real-time preview rendering, variant rules, and Shopify cart line item decoration.
- Developed Hydrogen and React components as part of the headless storefront migration, including rendering strategies, storefront API integrations, optimized hydration.
- Built multiple private Shopify apps using React.js, including: An internal Loyalty System Integration app syncing customer tier, rewards, and purchase history between Shopify and Azure.
- Developed Azure-connected middleware for reading/writing loyalty data, managing customer profiles, and supporting multi-system workflows.
- Eliminated double-firing analytics, improved consent state accuracy, and created a unified consent gate for all tracking, apps, and pixels.
- Architected a full OneTrust → Shopify Customer Privacy API synchronization system
- Implemented Checkout UI Extensions for customer data collection (birthday, forms, conditional fields) with metafield management and validation logic.
- Improved site accessibility through WCAG-aligned fixes: keyboard navigation, focus states, ARIA adjustments, and semantic markup improvements.
- Participated in migration from Liquid theme architecture to Hydrogen headless storefront, contributing to component architecture, caching rules, layout structure, and Storefront API wiring.
- Relevant Stacks: HTML, SCSS, Shopify 2.0, Javascript, Python, Polaris, Rebuy, Yotpo, Klaviyo,Vue.js, React, Hydrogen, TypeScript, Tailwind, custom components, accessibility (WCAG 2.1)
- Contributed to the initial launch of the Rhode Skin Shopify store, ensuring stable theme architecture, clean Liquid structure, and a smooth go-live across all key templates
- Implemented a complete GTM + GA4 tracking setup, wiring dataLayer pushes for PDP views, variant selections, add-to-cart events, and checkout steps.
- Resolved attribution issues by structuring events consistently and ensuring compatibility with consent and performance constraints.
- Built several brand-specific UI components in Sass, including modular layout blocks, responsive promotional sections, and animated details that matched the Rhode design direction.
- Optimized interactive elements, image rendering, and breakpoints to reduce layout shift and improve mobile speed.
- Ensured accessibility and semantic markup across newly created components.
- Relevant Stacks: Liquid, Sass/SCSS, JavaScript (vanilla + modular), responsive components, BEM/CSS architecture, GA4, GTM, structured dataLayer events, Lazy loading, responsive images, CSS optimization, LCP & CLS improvements.
- Built Vue.js UI components that powered interactive parts of the Tommy John storefront, including product modules, dynamic content slots, and personalized sections.
- Connected Vue components with Sanity CMS using GROQ queries and custom serializers, ensuring marketing could update content instantly without a developer.
- Maintained and extended Sanity schemas, document structures, and portable text blocks used across landing pages, PDP enhancements, and editorial modules.
- Implemented validation rules, custom fields, and content workflows that streamlined the marketing team’s publishing process.
- Debugged and fixed Sanity-related rendering issues in both Liquid and Vue layers during promotions and high-traffic campaigns.
- Integrated and maintained tracking events for GA4 + RudderStack, ensuring consistent data streams from Vue components and Liquid templates.
- Fixed broken, duplicated, or misfiring analytics events caused by legacy scripts, improving attribution reliability and reducing noisy data.
- Optimized rendering of Vue widgets to reduce blocking JS and improve mobile interaction speed.
- Resolved UI, accessibility, and layout bugs across PDP, PLP, search, navigation, and landing pages especially issues affecting Core Web Vitals.
- Served as on-call engineer during Black Friday/Cyber Week, handling urgent bug fixes, rollback decisions, analytics issues, and performance safeguards under heavy traffic.
- Relevant Stacks: Vue.js, Liquid, JS , Sass/SCSS, accessibility, Sanity CMS (schemas, GROQ queries, serializers, workflows), GA4, RudderStack, structured event frameworks, debugging under high-load, image optimization, JS refactoring, on-call engineering.
- Built Recharge-powered PDP logic for subscription frequency, dynamic discounts, and variant-specific subscription rules.
- Developed custom scripts and components that synchronized Shopify product/variant data with Recharge subscription settings, reducing inconsistencies and customer support issues.
- Integrated Recharge events with GA4/GTM, Tealium, and Zapier, ensuring accurate tracking for subscription starts, skips, swaps, and cancellations.
- Fixed attribution and event duplication problems caused by the Shopify + Recharge dual system, improving marketing data accuracy.
- Implemented backend logic using Shopify Admin API and Recharge API to automate subscription updates and customer-specific workflows.
- Improved variant UX, micro-interactions, and layout behavior to boost subscription conversion.
- Refactored existing UI to improve maintainability and reduce rendering overhead on high-traffic pages.
- Worked collaboratively with design, QA, and marketing to patch critical issues during product launches and promotions.
- Relevant Stacks: Liquid, JS/TS, HTML/CSS, Recharge App (Subscription API, customer portal customizations, subscription rules, discount logic), Shopify Admin API, Recharge API (REST), Shopify Admin API (GraphQL/REST), subscription sync utilities.
- Participated in the full redesign of the Keto Krate storefront, building new theme components that reflected the updated brand guidelines.
- Rebuilt sections and blocks using modern CSS architecture (Sass/BEM/utility patterns), ensuring consistent spacing, typography, breakpoints, and reusable patterns across the entire store.
- Refactored outdated Liquid templates into modular, maintainable components to support rapid iteration and future expansions.
- Built the complete Recharge customer portal theme, implementing all styling, layout, and interaction patterns using custom CSS and JS.
- Adapted the Recharge UI to match Keto Krate’s brand identity, ensuring a cohesive experience between the Shopify storefront and subscription management.
- Debugged Recharge styling and state issues, improving usability on mobile and fixing layout inconsistencies across subscription steps.
- Improved subscription flow UX (e.g., box selection, add-ons, skip/pause actions) by refining layout logic, button hierarchy, and interaction states.
- Ensured cross-browser and mobile-responsive behavior across the redesign.
- Relevant Stacks: Liquid, CSS/SASS, responsive design, JavaScript, Recharge Portal Theme (CSS/JS customization), Recharge subscription logic.
- Built a site-wide persistent size selection system that stores the customer’s chosen size and automatically pre-selects it on every PDP they visit.
- Implemented logic using localStorage + product variant mapping, ensuring correct variant auto-selection (even for products with different size structures).
- Improved conversion by reducing friction for frequent shoppers and simplifying mobile size selection.
- Integrated GA4 events tied to size persistence, variant changes, add-to-cart, and PDP interactions.
- Fixed inconsistencies in product/variant identifiers sent to analytics platforms, improving data accuracy for marketing teams.
- Resolved edge cases around variant availability, error handling, and fallback patterns.
- Improved performance by reducing unnecessary render logic and optimizing DOM manipulation inside PDP scripts.
- Relevant Stacks: Liquid, CSS/SASS, React.js, JavaScript, GA4.
- Migrated the entire storefront to Shopify Online Store 2.0, refactoring templates into modular, JSON-based sections and ensuring compatibility with new Shopify architecture.
- Reworked CSS, asset loading, and structural layout to achieve cleaner, more maintainable theme code.
- Designed and developed fully custom landing pages tailored for product launches, campaigns, and influencer partnerships.
- Built flexible content blocks (video, testimonials, ingredient features, comparison tables) that marketing teams could assemble without developer intervention.
- Created a fully custom hair quiz experience from scratch, including UI/UX, logic flow, scoring, result mapping, and product recommendations.
- Integrated quiz output with Shopify product recommendations and tracking (GA4/marketing platforms).
- Engineered a custom bundle builder that allowed users to mix-and-match products, dynamically update pricing, and send the combined bundle to the cart.
- Relevant Stacks: Liquid, CSS/SASS, React.js, Node.js, Shopify APIs, JavaScript, GA4.
- Built new Shopify OS 2.0 sections specifically designed for upcoming Simple Modern product collections, enabling marketing to launch campaigns without custom coding.
- Developed modular, reusable components (gallery blocks, feature highlights, product story modules, influencer sections) that aligned with brand identity and supported rapid iteration.
- Created fully custom landing pages for new collection drops, with tailored layouts, animations, and visual storytelling components.
- Relevant Stacks: Liquid, CSS/SASS, JavaScript.
- Developed a fully custom bundle builder that allowed customers to mix-and-match products, dynamically update pricing, and add bundled items to the cart with correct variant handling.
- Implemented selection logic, validation, cart payload creation, and UI interactions without relying on third-party bundle apps.
- Refactored legacy CSS into a more organized, maintainable structure — reducing repetition and preventing style collisions.
- Designed and implemented custom landing pages for product launches and marketing campaigns
- Relevant Stacks: Liquid, CSS/SASS, React.js, JavaScript.
- Implemented Vetsak storefront redesign, translating the new brand identity into a clean, modern Shopify theme.
- Rebuilt structural templates (homepage, PDP, PLP, landing pages) to match updated layouts, grids, spacing systems, and motion guidelines.
- Ensured each section was highly configurable so the marketing team could build new pages without engineering support.
- Ensured all components worked seamlessly across desktop, tablet, and mobile with consistent performance.
- Relevant Stacks: Liquid, CSS/SASS, React.js, JavaScript.