Overview
A top Walmart eCommerce priority for 2018 was rebranding our entire digital product suite.
This company wide initiative entailed updating our experiences with a newly rolled out design language and components.
In Feb 2018, I transitioned from Item Page to Pharmacy team–a smaller team within a new org.
Redesigning the native experience was one of my first key projects.
Team
2-3 Designers
6-8 Engineers
1 Product manager (50%)
Date
Feb-Jul 2018
Business problem
Reduce design & tech debt.
Align Pharmacy native experiences legacy components & styles to new design language.
Constraints
Limited time & resources to onboard to new features
Completely transformed visual language and components
ADA WCAG 2.0 accessibility compliance, AA level
My role
Overview of redesigned Android flows
Pharmacy service icons
As UI lead, I leveraged the rebrand to get up to speed on Pharmacy flows, working on new and enhanced features (below) as well as
Onboard and mentor junior designer to update iOS flows.
Provide feedback on new Pharmacy icon set with Design System team.
Partner with Android and iOS engineering leads on creating project timeline of MVP and full release plan, prioritizing 6-8 core flows including:
Refilling a prescription (scan or manual input)
Viewing prescription history
Mobile Express feature
$4 Prescription program
Managing family account
Transferring a prescription
Family Account Management
A space for Pharmacy customer to manage her family prescriptions.
Brought parity of existing rweb feature to native experience.
Launched May-June 2018 on iOS and Android.
Before (rweb) & after (iOS) sample screens
Obstacles
Design VP & Visual lead set “no cards” rule in new design system. This was a leap from industry convention (e.g., Android card metaphors) and previous brand guidelines.
How I advocated for change
With visual mockups to aid the conversation, I showed the necessity of “cards” to facilitate easier text consumption.
$4 Prescriptions
Low cost generic prescription program for Pharmacy customers.
Enhanced existing native experience.
Launched May 2018 on iOS and Android.
Wire exploration
Before & after screens
Business opportunity
How might we elevate $4 prescription program benefits and low pricing clarity to our customers?
How I advocated for change
Audited existing experience on web for parity gaps and opportunities
Explored wires of MVP and future approach to push initial scope
Refill Tracker
Lets existing Pharmacy customer track the status of a prescription refill order.
New feature concept.
Exploration across Order confirmation, Dashboard, and Order Details screens
Competitive audit examples
Customer painpoints
Burden is on customers to find out when prescription is available, through calling or visiting the store.
“When you order prescriptions it doesn't tell you afterwards when you go back in that the prescriptions are ordered and being refilled!!!!! So it is not giving you any status or updates on the website so I end up having to call every time to see if they are ready.”
– (Frustrated) Voice of Customer
Contributions
As UI lead, I paired with UX architect in identifying touch points and brainstorming concepts.
Conducted light competitive audit, targeting industry examples with order status
Explored visual styles across tracker touchpoints and use cases
Outcome
Won “Strive for Excellence” award.
Awarded to top 10% UX org performers biannually.
Received praise from Design lead on craft & cross collaboration.
“Cadenza got up to speed on a complicated Family Account Management flow and delivered all of devs needs while also leading an audit of Android for the redesign. She is never phased and is quickly becoming the Mobile Express team's go to person for help.
Pharmacy product and business partners are enamored of her style and I have enormous trust in her work. She gets tons of work done with speed, kindness and excellence.”