UX / UI Designer
Interface direction, responsive layout, motion assets, and campaign storytelling.
Retail ecosystem
Walmart
A UX/UI and motion system for retail pages that needed clearer navigation, stronger campaign storytelling, and responsive consistency.
Figma, Sketch, Adobe Creative Suite
Supported by animation production, image editing, and page-system exploration.
Retail pages at scale
Navigation, homepage modules, footer systems, bilingual campaign assets, and mobile behavior.
Make a large retail experience easier to scan.
The work focused on helping users move through Walmart content with clearer page hierarchy, more consistent modules, and stronger navigation cues.
Turn brand assets into usable digital storytelling.
I shaped responsive page layouts, animated infographic moments, and branded content systems that felt more lively without losing usability.
Retail UX
A big retail site needs calm structure.
Walmart pages carry a lot at once: promotions, content stories, navigation, product discovery, language variants, and footer utilities. The UX work was about making those layers feel intentional instead of crowded.
Challenge
Make a content-heavy retail experience easier to move through.
Walmart needed pages that could hold a lot of business and campaign content while still feeling quick to scan, clear to navigate, and visually connected to the brand.
Make the path through a large retail site feel predictable.
Primary navigation, footer logic, and page anchors were treated as a UX system so users could orient themselves quickly.
Use motion to explain the idea before the user reads everything.
Animated modules gave brand content more personality while keeping the message scannable and lightweight.
Keep the same story intact across page widths.
Desktop, homepage, and mobile treatments were aligned around the same visual hierarchy instead of becoming separate experiences.
Page architecture
Navigation, homepage, and content had to work together.
The UX direction organized page modules like a retail journey: land, understand the offer, browse the story, and always know where to go next.
Large surfaces needed room for promotions, categories, brand moments, and utility links without becoming a wall of content.
Sections were organized so campaigns, browsing paths, and product discovery could sit together without competing.
The page needed familiar retail wayfinding while still leaving space for custom campaign storytelling.
Animated infographics
Motion gave the retail story a little spark.
The animated modules helped Walmart content feel more memorable while still keeping each message short, visual, and easy to understand.
Responsive system
The same page logic had to survive smaller screens.
Instead of squeezing desktop work into mobile, the page system was rebalanced around clearer stacking, tighter image crops, and more deliberate content rhythm.
Campaign content, navigation, and browsing modules were stacked so the story remained clear on narrower surfaces.
The page structure kept visual continuity while adapting image, copy, and navigation density.
Each page block had to work as its own story while still belonging to the full shopping experience.
The responsive system protected important page content from becoming squeezed or visually noisy.
Brand system
The utility areas still had to feel designed.
The Walmart identity had to carry from hero content into the footer and the smallest utility moments, so the page felt coherent from first impression to final link.
Blue, yellow, bold navigation, and the spark mark gave the page system a clearer brand center.
Utility links, social icons, legal content, and about sections were organized as a reliable end-of-page system.
Even compact footer and social elements needed the same alignment, hierarchy, and brand consistency as the hero modules.
Outcome
A retail page system with more clarity and personality.
The strongest direction was not more decoration. It was a clearer experience where navigation, responsive structure, and motion all supported the same Walmart story.
Retail UX works best when the user can enjoy the campaign without losing the path.
- A clearer homepage and navigation system for a content-heavy retail experience
- Animated campaign assets that explained ideas faster and added brand personality
- Responsive page patterns that kept the Walmart story consistent across devices