iRobot

iRobot

iRobot ecommerce website and mobile app.

Learn More Below

Tech used in this project:

SalesforceSFRASCAPIOCAPIPWA KitReactReact QueryJavaScriptChakra UIPersonalizationNodeJSViteWebpackStorybookSCSS

iRobot Mobile App

I led the development and launch of a Salesforce PWA Kit application that powers iRobot’s ecommerce website and mobile app, ensuring customers enjoy a fast, seamless shopping experience on any device.

Developed a suite of custom React components for Salesforce Page Designer, empowering business users to:

  • Drag-and-drop dynamic content blocks with zero developer involvement
  • Preview real-time page builds and layouts in the Page Designer preview
  • Use a flexible Layout component engine for dynamic positioning of content, enabling robust and responsive page designs
  • Embed many different React components within a Carousel component for rich, swipeable showcases
  • Display up-to-date pricing, promotions, and stock status with a Product Tile component
  • Present visuals with consistent styling via ImageCard components, complete with captions and CTAs
  • Ensure consistent brand styling and call-to-actions through a customizable Button and Link component

I also built a standalone Quantity Picker React component that hooks into Salesforce's SCAPI product API to enforce max-order limits and validate stock availability, giving shoppers immediate feedback on how many items they can purchase.

Additionally, I created a custom SCAPI API endpoint that fetches each user’s owned robots and delivers personalized accessory recommendations directly in the mobile app, boosting upsell opportunities and overall engagement.

Standard Ecommerce Website (SFRA) & Brand Refresh

I spearheaded a full brand refresh of our SFRA-based ecommerce site, architecting a code-first theming system with CSS custom properties. This allowed us to control colors, typography, spacing and more from a single source of truth, and roll out a family of new CTA button classes—primary, secondary, outline, and icon variants—for consistent styling across every page.

Beyond theming, I delivered several high-impact platform enhancements:

  • Gift Cards Integration: Implemented the CLUTCH SFRA Cartridge to let customers purchase, redeem and track gift cards directly on the site.
  • Self-Service Returns: Built an end-to-end returns workflow so shoppers can initiate and manage returns online, freeing up our customer care team.
  • PDP Redesign: Developed dynamic pricing modules, promotion banners and interactive image galleries as part of our Product Detail Page overhaul.
  • Cart Enhancements: Added inline quantity editing, saved-cart reminders, and targeted upsell components to boost average order value.
  • Checkout Redesign: Led the re-architecture of our multi-step checkout, optimizing form layouts, accessibility and performance to improve conversion.

Salesforce Marketing Cloud Personalization Build System

I architected and built a custom Vite-based pipeline to modernize Salesforce Marketing Cloud’s Personalization “sitemap” and template workflow. Rather than maintaining one massive, unminified JavaScript file, my tool lets us:

  • Write the sitemap in modular ESM files, splitting tracking logic (page types, event handlers, data layers) into clear, maintainable modules
  • Bundle and minify those modules into a single production script, dramatically improving load times and cacheability
  • Leverage Vite’s dev server for instant rebuilds and hot updates, so I could iterate on tracking rules and data contracts in real time

On top of that, I developed a suite of interchangeable templates—Handlebars, TypeScript helpers, plain JS widgets, and scoped CSS—all living alongside the sitemap code in the same project. Marketers can now drop in new A/B test templates or update styling/plugins without touching the core build, making personalization campaigns faster to launch and easier to maintain.

Why is this repository link disabled?

Many of my projects are required to be in private repositories. I'm happy to dicuss any of my projects in further detail.

View Repo Launch Project