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