02 / 05  ·  Luxury Retail
02

El Palacio
de Hierro

E-commerce UX/UI Design Design Systems 2023
Role
Sr. Visual Designer
Duration
2 Years
Year
2023
El Palacio de Hierro — Polanco store interior
Overview
01 — Context

A digital evolution for luxury retail

El Palacio de Hierro is one of Mexico's most iconic luxury department stores — a brand synonymous with elegance, heritage, and premium experience. Translating that identity into a modern digital platform meant more than just a visual refresh.

Redesigning a high-traffic e-commerce platform for a luxury brand meant simplifying a complex checkout process without losing the brand's sophistication. The challenge was to reduce friction, clarify steps, and improve mobile usability while staying true to Palacio de Hierro's premium identity.

Wireframes — checkout and navigation flows
Early wireframes — mapping checkout and navigation flows
35%
Boost in purchase completions
Scope
Full e-commerce redesign — checkout flow, mobile experience, and a scalable design system aligned across teams.
My Role
02 — Contribution

Checkout experience, mobile & design system

As a Senior Visual Designer, my focus centered on enhancing the checkout experience across desktop and mobile, aiming for a more intuitive and seamless flow — one that felt worthy of the brand while being efficient for every shopper.

Additional contributions included creating a shared design system that helped align teams and streamline interface development across the platform, laying the groundwork for long-term scalability.

Home screen — redesigned e-commerce homepage
Home screen — redesigned e-commerce homepage
Deliverables
Wireframes · Visual design · Checkout flows · Component specs · Design system documentation · Accessibility audits
Tools
Figma · Jira · Confluence · Zeroheight
Principles
03 — Design principles

Four pillars that shaped every decision

01
Locally rooted, globally inspired

Local culture, architecture, and landscape inspire every detail — bringing a sense of identity and pride to the experience.

02
Craft meets modernity

Artisan textures and premium materials come together to create a warm, refined atmosphere that feels both familiar and new.

03
Inclusive, without compromise

Accessibility, representation, and flexibility are prioritized to support a wide range of users without compromising on personality.

04
Designed to invite discovery

Curved paths, visual anchors, and layered layouts encourage exploration and create an immersive flow throughout the journey.

A premium digital experience that blends innovation with cultural identity — designed to feel intuitive, inspiring, and unique.

Brand approach
Principles were developed to honor the brand's 130-year heritage while creating space for modern, mobile-first interaction patterns.
Checkout
04 — Core feature

A streamlined checkout for every shopper

The checkout experience was carefully refined to minimize drop-off and simplify the purchase process. Every step was designed to be clear, fast, and user-friendly — ensuring customers can complete their orders smoothly across all devices.

By improving visual hierarchy, simplifying steps, and adopting a mobile-first approach, the new checkout reduced friction and boosted purchase completions by 35%. The result is a seamless, refined path to purchase that enhances usability and confidence for all customers.

Checkout flow — redesigned screens
Checkout flow — redesigned screens across mobile and desktop
App mockup in context
App mockup — product experience in context
35%
Increase in purchase completions
Focus
Mobile-first redesign with emphasis on reducing steps, improving visual hierarchy, and eliminating friction at each decision point.
System
05 — Design system

One source of truth for the entire platform

To ensure consistency across the entire e-commerce experience, I collaborated on building a scalable design system tailored to Palacio de Hierro's brand. Work involved defining and documenting reusable components aligned with the visual language and business goals.

This system helped streamline the design process, improved handoff with development, and laid the groundwork for future scalability across desktop and mobile platforms.

Icon system
Icon system — consistent visual language across all touchpoints
Component library
Component library
Design tokens and patterns
Design tokens & patterns
35%
Purchase completions
2yr
Project duration
1
Unified design system
1
Unified system across all platforms
Outcome
Reduced design inconsistencies and accelerated developer handoff — enabling faster iteration and a more cohesive brand experience at scale.