Senior User Experience Designer - B2B
Zero to One B2B E-Commerce Platform and Design System
Impact
Zero to One B2B E-Commerce platform: Designed white label e-commerce experiences for mobile and desktop
Clients: Meta, PPG, Molina Healthcare, Meier Optical, and U.S. Vision
Expedited New Client Implementations: By creating and maintaining scalable multi-client design system
Optimized Design Operations: By creating and maintaining scalable design system to support four other designers
Gallery
My Contributions
Designed and maintained multi-platform B2B design system
Design system supported rapid scale and pace of B2B project growth
Collaborated with three designers to understand their design system needs
Designed and launched Zenni Business website for desktop and mobile
Designed E-commerce desktop and mobile flows for U.S. Vision
Designed E-Commerce desktop and mobile flows for Molina Healthcare
Designed E-commerce desktop and mobile flows for PPG
Designed E-commerce flows for unannounced projects
Skills
Agile development
UX Strategy
Design system creation
Interaction documentation
User interface guidelines
Site maps
Wireframes + Wire flows
Solution sketching
High-fidelity mockups
Icon creation
Interaction design
Information architecture
Clickable prototypes
Software
Figma
FigJam
Company Overview
Zenni pioneered the online eyewear industry in 2003 with a mission to make prescription eyewear affordable and accessible to everyone. Over 50 million frames sold worldwide. Zenni is proud to be the Official Eyewear Partner of the Columbus Crew, and San Francisco 49ers and partner with Emmy® Award-winning actress, musician, producer, and style icon, Keke Palmer.
Zenni Optical’s purpose is to help their customers See Better And Live Better.
Zenni Business: B2B eCommerce Clients
The Project
Zenni Optical needed marketing sites, e-commerce flows, and admin screens for a number of projects and clients, including Meta, PPG, Molina Healthcare, U.S. Vision, and even Zenni Optical.
My Contributions
Launched Zenni’s first B2B eCommerce clients
Client eCommerce: Product list, product details, shopping cart, checkout, and payment
Clients include Meta, PPG, Molina Healthcare, U.S. Vision, and Meier Optical
Conducted task analysis and mapped current user journeys and user flows for optical clients using FigJam
Created sketches by hand, wireframes, icons, layouts, and mockups in Figma
Produced and presented innovative clickable prototypes to eCommerce clients during and after sales process
B2B Design System
The Project
With all the new B2B client work, our team was creating local component libraries for each project. This worked when the only project was Molina Health. However, once we had multiple projects in flight at the same time, those local component libraries quickly created inconsistency between globally used design elements like form fields, buttons, fonts, and colors.
In between current project deliverables, and while waiting for feedback on my designs, I took the initiative to audit the components in my projects. I then audited the projects of the other 3 designers on the team. Overall, there were 6 unique projects that needed a mix of global and unique components.
I ensured that communication was open, and that everyone had the most up to date information on the design direction of both design systems.
Now that I had alignment and consensus from design and engineering. This ensured that the components, interfaces, and interactions maintained consistency across projects.
I conducted weekly design system meetings to ensure the design system met their needs, to learn which components are still needed, and to deliver components for whichever screens they were currently working on at the time. This resulted in less time being spent creating design elements and local components by all designers on the team. This resulted in less time being spent creating design elements and local components by all designers on the team.
Contributions
Created robust, scalable, multi-client design system and strategy for B2B engineering and UX teams
Maintained design system by regularly auditing components for all B2B design projects
Released consistent design system updates with instructions, caveats, and rollback options
Moderated weekly design system meetings with B2B and B2C design teams
Ensured alignment and reusability of interfaces, interactions, components, and colors across B2B and B2C projects
Created global and client-specific color styles, components, variants, interaction patterns, micro-interactions, buttons, and elements
Partnered with three B2B designers to understand their design system needs
Conducted regular weekly design system check-ins with the other B2B designers
Regularly met with the B2C design system team to align and collaborate across business units
Partnered regularly with 12 B2B engineers to align on their design system needs
Leveraged knowledge of the Vue storefront platform to inform B2B design system components