projects
reusable UI component libraries
- problem
- goop needed to ensure consistent branding across its website, both in the legacy experience (which was composed of micro-frontends) and during its redesign.
- solution
- Developed and maintained React component libraries in Storybook for both the legacy and redesigned goop.com experiences. The legacy library supported visual consistency across multiple micro-frontends, while the Shopify rebuild involved creating a new library of reusable components in collaboration with designers, translating Figma designs and prototypes into functional UI.
- contributions
- Created foundational components such as buttons, headlines, and form elements, accounting for each interactive state (hover, active, disabled)
- Built product cards, carousels, and other commerce components
- Developed larger page modules used to merchandise the site
- tech
ReactTypeScriptStyled ComponentsTailwind CSSStorybook
