Zenni Optical

0 -> 1 B2B platform | E-commerce | Design system

My Impact

  • Launched B2B E-commerce platform by designing 0 -> 1 for mobile and desktop

  • Clients include Meta, PPG, Molina Healthcare, Meier Optical, and U.S. Vision

  • Accelerated new implementations by launching multi-client design system

  • Optimized operations by maintaining design system for four B2B designers

Zenni Optical

Zenni Optical pioneered online eyewear in 2003 with a mission to make prescription eyewear affordable and accessible to everyone. Zenni Optical’s purpose is to help their customers See Better And Live Better.

Senior User Experience Designer - B2B

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

0 -> 1 B2B eCommerce Platform

The Project

Zenni Optical needed a platform for their B2B clients including Meta, PPG, Molina Healthcare, U.S. Vision, and even Zenni Optical. Each client had a unique set of e-commerce flows, design components, interaction patterns, and administration screens.

My Contributions

  • Launched Zenni Optical’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 

Proactively Created a Multi-Client 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.

My 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