brian kwa is kwamatics
Looking for a Product UX and UI Designer?

Reach out via email and I'll send over my resume to get the discussion rolling. I would love to work with you to enhance your customer experience. Cheers!

brian@kwamatics.com

Other Projects
Miscellaneous

Featured UX Projects:

Norton Global Checkout UX Redesign

checkout screen on laptop

As the Lead UX Designer, I spearheaded the complete redesign of Norton's checkout platform, transforming the customer experience from the ground up. My approach begins by collaborating closely with business stakeholders to define the core problem and set clear objectives for the design initiative. This ensures that we are aligned on both the strategic goals and the desired outcomes from the outset. Some of the key success metrics involve reducing user friction from previous iteration of the checkout experience and increase purchase conversion rate.

Contents:

  • eCommerce Checkout flow and template
  • Add additional products - Candy Rack
  • Billing
  • Identity Theft Information (PII)
  • Review
  • Confirmation and on-boarding

Responsible for:

  • Wireframing complete end-to-end checkout flow
  • Designing interaction patterns for added features
  • Ensuring experience performs responsively for desktop, tablet, and mobile
  • Developing prototypes in Figma for user testing
  • Providing all permutations of products/content
  • Ideating test experiences for future iterations

Process

Once key objectives are established, I lead the team in conducting comprehensive research, including competitive and market analyses, to determine an optimal direction for the redesign. This foundation informs the development of Figma-based wireframes and prototypes, which are used to drive discussions and gather input from key partners, such as leadership and development teams.

checkout screen showing desktop examples checkout screen showing confirmation

Throughout the process, I prioritize user-centered design, conducting user research and usability testing to validate design decisions at each stage. Ensuring the new experience was fully responsive across desktop, tablet, and especially mobile platforms was a key factor in its success. The culmination of this iterative process results in high-fidelity mockups, which serve as a blueprint for development. The final product is rigorously tested through A/B testing and data-driven optimizations.

visual design of new checkout

A few of those optimizations comprised of reducing visual clutter causing more cognitive load for our customers. The main strategy in conversion is to launch in a phased approach. MVP launches with confident qualitiative feedback where all stakeholders have bought into the new design. From there we can optimize and bring in features that could not be implemented on certain time constraints. During the inital design, taking feedback from some qualititative user testing and other business owners, these extra elements such as trust badges, progress bar, and quantity dropdowns would be useful. However, through A/B testing, we were able to show that these elements were not needed. In favor of a friction-less experience, simpler is better, and we were able to remove these features.

optimizations examples

Quickly after launching, the brand and marketing team launched a new look and feel for the Norton brand to reflect the new direction of the company. This meant the checkout would evolve with a facelift. I worked with the other visual designer on the checkout team to take the opportunity to extend the brand guidelines and bring a new design library into Figma.

updated checkout branding look on phone updated checkout branding look

Results

The redesigned checkout experience, which has been in production for over four years, has significantly impacted the company’s bottom line, contributing an additional 5% converstion rate and $20+ million in annual revenue. With this new checkout rolled out globally, the business can release the dependancy on third-party ecommerce solutions in other markets, saving millions additionally each year.


NortonLifeLock Global Checkout UX Redesign

checkout screen showing biling method

As the lead UX and visual designer for the checkout product, I led the complete redesign of the checkout experience to accommodate the integration of new products into the security suite offering. This redesign presented an opportunity to not only incorporate these new features but also refresh the overall look and feel of the checkout process while adding essential functionality.

Contents:

  • Shopping Cart
  • Add additional products
  • Billing
  • Shipping
  • Review
  • Confirmation

Responsible for:

  • Designing interaction of added features
  • Providing all permutations of products/content
  • Mobile Design
  • Creating phased implementation
  • Prototyped specific flows for review

Process

I collaborated closely with product owners and managers to define feature requirements and deliverables. Starting with wireframes, I developed a proposed user flow, which I refined into near-final visual mockups for user testing in Sketch. Using InVision, I created an interactive prototype that was qualitatively tested to assess usability and gather user impressions.

Throughout the development process, I worked alongside the engineering team to refine interactions and ensure the highest level of design quality assurance. My collaboration with the development team helped bring the redesigned experience to a polished state, supporting a gradual rollout to production.

Results

The result was a flexible, modular checkout experience capable of supporting a variety of product combinations that customers could purchase. This redesign enabled the business to phase out the legacy checkout platform while accommodating both current and future software and physical products, ultimately expanding Norton's market reach.

checkout screen showing desktop examples checkout screen showing empty cart illustration and mobile examples


Norton Security Center Blog UX Redesign

user experience architecture visual

I led the rearchitecture of Norton's resource blog to enhance user interaction and accommodate evolving browsing behaviors. With the growing prevalence of mobile usage and an increasing demand for in-depth research before making purchase decisions, it became essential to overhaul the entire information architecture.

Contents:

  • Home page
  • Category page
  • Categories pages
  • Article pages
  • Interpage interactions
  • Components

Responsible for:

  • Information Architecture
  • Interaction design documented specs for engineering
  • Wireframe specs for Visual Design

Process

Collaborating with fellow designers and product owners, I explored innovative ways to deliver informative articles while maintaining familiar interaction patterns. I created wireframes, including an example sitemap and user flows for the new article resource center, to map out the user journey in desktop, tablet, and mobile platforms.

After the wireframes were validated by product owners, development teams, and business stakeholders, the designs were handed off to the visual design team to create high-fidelity mockups. I worked closely with engineering to ensure the final production experience adhered to the interaction specifications and delivered an optimal, user-centered experience.

Results

The redesigned resource portal became a valuable tool for customers to discover relevant security information through organic SEO traffic, while also providing opportunities to explore and purchase security solutions. The new design contributed to a significant increase in site traffic, attracting thousands of new and returning customers to the marketing site.

blog homepage user experience UX document blog category and article architecture


Norton Search UI Redesign

search function and results UX

I led the UX and visual redesign for a new search function on Norton's global marketing portal, replacing a previous iteration that was underperforming and lacked effective functionality. This redesign offered an opportunity to implement modern interaction models and deliver more accurate, relevant results for users.

Contents:

  • Flows
  • Wireframes
  • Visual design and specs

Responsible for:

  • Wireframing user experience
  • Noting interactions for design and engineering
  • Gave options for revenue generation

Process

Collaborating with business stakeholders, I defined key requirements and prioritized desired features for the new search tool. I proposed wireframes and interaction designs that aligned with business objectives, then worked closely with the development team to assess feasibility and establish a phased rollout plan. Understanding the complexity of the project, I produced high-fidelity mockups and detailed specifications for each phase.

Drawing from brand guidelines and existing style elements, I designed a visually engaging search page that incorporated high-quality photography and appropriate typography to enhance content readability. I ensured that the search experience was consistent with the broader marketing and shopping experience, creating a seamless integration for customers. In partnership with the development team, I closely monitored the implementation process to ensure pixel-perfect execution and smooth interaction in the final product.

Results

The result was a highly utilized search tool that became one of the primary ways for users to navigate the marketing website, access product information, and make informed purchasing decisions. The interaction design I developed continues to be used in production today.

search component interaction document another search componeent interaction document