lululemon
International E-Commerce Site Checkout and Account Flows
Mobile and Desktop
In a screenshot from the live, lululemon Germany site, a modal welcomes you and asks if you'd like to stay or navigate to a different country's site
Overview
Lululemon, the popular yoga brand, was growing fast and needed to rapidly design for international customers, beginning with Japan, France and Germany. My team was tasked to create an international e-commerce site on a Salesforce framework under tight deadlines.
Timeline
6 Months
Tools
Sketch, Sketch Cloud, Zeplin, Anima Timeline
My role
I was hired in a Senior UX Designer capacity. I owned the Checkout flow, Account pages and Region Selector and Brand Style Guide
Challenge
Create design patterns that work across cultures, under a tight deadline
Solution
I developed a card-based approach to content and clear guidelines for button styling. I collaborated with my teammates to initiate an International Style Guide for future development, drawing on existing patterns and a modular approach for ease of implementation
Outcome
All three sites have launched and are now live:
Japan https://www.lululemon.co.jp/ja-jp/home
France https://www.lululemon.fr/fr-fr/home
Germany https://www.lululemon.de/de-de/home
Checkout Flow, Region Selector and Brand Style Guide
6 month project
Tools: Sketch, Sketch Cloud, Zeplin, Anima Timeline
Project Highlights
One of the best learning experiences of this project was designing a checkout flow for Japan, France and Germany. It's mind-expanding and challenging to learn the requirements and preferences in other countries than one's own.
Lululemon's company culture, even for contract workers like myself, can't be beat. Especially on a fast-paced project, having hardworking, fun teammates makes all the difference.
When red is your company's primary branding color, excellent design challenges abound. I enjoyed collaborating with my teammates to devise rules and styling for the international sites. More on that below.
It's not every day you get to help set the style guidelines for future development. Inspired by Brad Frost's Atomic Design, my teammate and I whiteboarded a modular approach to an International Brand Style Guide for both designers and devs to reference going forward.
It's a sure sign of growth when a company moves to a beautiful new space occupying an entire floor downtown, with sweeping views of the water. This is the view from Vancouver-based lululemon's new Seattle digs.
I love working for companies whose products I can get behind. The design of lululemon's athletic and leisure-wear is something I can genuinely rave about. No wonder they're growing exponentially.
Creativity in constraints
Constraints can be liberating. Whether business, engineering or design concerns, what seems confining ultimately clarifies and strengthens the design.
This project is protected. Please contact me to learn more.