M·A·C SHOPIFY STOREFRONT
My Role
Partnered with UX to translate wireframes into polished, production-ready ecommerce experiences aligned with M·A·C's updated design system.
Responsibilities
Visual UI design
Ecommerce page design
Design system implementation
Responsive design
Cross-functional collaboration
Developer handoff
Approach
Leveraged enterprise-standard content blocks instead of custom modules, creating scalable experiences that support Shopify migration and global consistency.
Outcome
Modernized key ecommerce experiences while aligning M·A·C with its evolving Shopify framework and design system.
Highlights
Reduced reliance on custom page builds
Increased design consistency
Established a scalable foundation for future Shopify experiences
Content Blocks
Designed reusable editorial content blocks that balance compelling visuals with clear messaging while supporting a wide variety of campaign needs.
Product Cards
Designed enterprise-ready product card components that provide a consistent shopping experience while supporting merchandising flexibility across M·A·C's ecommerce ecosystem.
Notes
Aligned experiences with M·A·C.'s evolving design system
Created scalable, Shopify-ready UI patterns
Reduced reliance on custom page structures
Improved consistency across ecommerce experiences
Designed reusable components for long-term scalability