M·A·C SHOPIFY GIFT CARD LANDING PAGE
Before
My Role
Partnered with UX to translate wireframes into polished, production-ready Shopify experiences for M·A·C's Gift Cards shopping journey. Redesigned the Gift Cards landing page and Gift Cards PLP to align with the M·A·C design system while supporting a seamless purchase experience.
Responsibilities
Visual UI design
Shopify design implementation
Design system implementation
Responsive design
Cross-functional collaboration
Developer handoff
Approach
Leveraged enterprise-standard Shopify content blocks instead of custom modules to redesign the Gift Cards landing page and integrate gift cards into the Gifts PLP. Optimized layouts, streamlined content, and incorporated brand-approved assets to create a scalable experience aligned with existing design patterns.
Outcome
Modernized M·A·C's Gift Card shopping experience by creating Shopify-ready designs that align with the evolving design system and improve discoverability.
Highlights
Redesigned the dedicated Gift Cards landing page
Integrated gift cards into the Gifts PLP
Leveraged reusable Shopify content blocks
Reduced reliance on custom page builds
Improved design consistency across gift shopping 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
Standardized product card patterns across multiple M·A·C shopping experiences.
Designed flexible layouts to support different product types and merchandising needs.
Improved visual hierarchy to highlight key product information.
Built reusable, Shopify-ready components aligned with the design system.
Created a scalable foundation for future enhancements and brand consistency.