home

about

brainflood

resume

brevitē website

Company

deliverables

UI/UX

Prototyping

Product Management

industries

E-Commerce

completed

August 2022

Company

deliverables

  • UI / UX

  • Prototyping

    Product Management

industries

  • E-Commerce

completed

  • January - August 2022

Created an optimized website UI to improve user experience and increase conversion rates by carefully considering user feedback and quantitative data.

About

The Most Exciting Backpack Brand

Brevitē is a award-winning direct-to-consumer brand that uses backpacks to elevate the user journey.

For three years, as Product Design Manager, I led the company's design efforts, overseeing both digital and hardware projects.

Meet The Team

Design team

Head of design

Product Design Manager

Junior Product Designer

Junior Product Designer

marketing team

Head of marketing

Brand Marketing Manager

Senior Marketing Associate

Junior Marketing Associate

Operations team

Head of Operations/Finance

Senior Operations Associate

Junior Operations Associate

Overseas teams

Development

Manufacturing

Marketing

My role

I conducted research, developed the strategy, defined our user flow, and redesigned the product end-to-end.

mission

ELEVATING THE Brevitē EXPERIENCE BY CREATING A SEAMLESS, USER-CENTRIC WEBSITE.

context

Time for an Upgrade

Our Brevitē e-commerce website was getting outdated, with a confusing interface that was causing us to lose customers. The design was not entirely user-friendly, making it difficult for customers to navigate and complete their purchases.

Identifying The Pain Points

Research

Key finding 1

Confusing and hard-to-use add-to-cart UX

The add-to-cart experience caused confusion and frustration, leading to abandoned purchases.

Key finding 2

Unoptimized navigation experience for shoppers

Navigation system is inefficient, causing frustration for shoppers and negatively impacting their overall experience.

Key finding 3

Leakage of customers to other e-commerce sites

Poor add-to-cart experience drive customers away.

Data from

35%

Increase in abandoned cart rate over the past quarter.

18%

Increase in average session duration with no corresponding increase in purchases.

5%

Drop in Customer retention rate.

Problem

How might we enhance Brevitē’s brand image while increasing user engagement and conversion?

business goals

Enhance brand perception

Elevating the Brevitē brand through a visually appealing and intuitive website.

Increase user engagement

Encouraging longer browsing and higher interaction rates.

Boost conversion rates

Streamlining the purchase process to increase sales.

Process

Redesigning the Website

Through collaboration, I pushed on constraints to redesign our website. I worked with our development team, marketing associates, PM and multiple external partners.

Key Themes When Designing

Usability - ensure the website’s user interface is intuitive and efficient, allowing visitors to navigate and complete their tasks with minimal effort.

Empathy - prioritize understanding and addressing the diverse needs andemotions of the users.

Consistency - maintain consistency in design elements and interactions across the website.

Applying the UX Themes in the New Website Design

Consistency through organized branding guide

The branding guide ensured consistent visual and written communications by providing clear guidelines on topics like typography usage, color schemes, grid layout.

This uniformity strengthened the brand recognition, built audience trust, and simplified the design process.

Typography

Colors

Grid Usage

Improve usability by reducing clutter (Card UI)

The reduction of clutter throughout the website, like shown here in the Card UI, meant to create a cleaner, more focused design, making it easier for users to find and interact with different components and key information.

We wanted to eliminate unnecessary elements, so users can navigate the website more intuitively, leading to a more efficient and enjoyable experience.

Prioritizing empathy to enhance the user journey

The user flow was carefully designed to simplify and enhance the shopping experience.

Empathizing with users’ needs allowed us to create clear, intuitive navigation paths, letting users to easily filter categories and collections, view product details, and make purchasing decisions.

Old

New

final design

Uniting all the Elements Together

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Homepage

A clean, visually striking layout with high-quality imagery and clear navigation. Focuses on simplicity, with a prominent value proposition and easy navigation to various sections of the site.

Category Page

The design reduces clutter by organizing products into clean, easily navigable sections, enhancing the browsing experience.

Product Page

Showcases products with detailed images, descriptions, and reviews, emphasizing ease of purchase.

Cart Page

The cart page is streamlined and encourages cross-selling with related product suggestions to boost revenue.

Impact

Boost Sales: Higher Conversions, Faster Buys, More Revenue

0%

Sales conversation rate

0%

Buying time

x0

 YoY revenue growth

Reflect

Project Takeaways

Improving early collaboration

Prioritizing early collaboration with engineering to ensure a comprehensive understanding of both frontend and backend requirements would be immensely important.

This would help identify edge cases sooner and streamline the development of innovative features.

Emphasizing mentorship and soft skills

I would keep on actively seeking mentorship and feedback from the start, recognizing the importance of soft skills in addition to technical abilities.

Being proactive in initiating conversations, updating stakeholders regularly, and seeking guidance to navigate potential roadblocks.

next steps

Future Strategic Planning

Integrate AI-Powered Personalization

Explore the integration of AI tools to deliver personalized product recommendations and content based on user behavior, enhancing the overall shopping experience and increasing engagement.

Dynamic Content Updates

Implement a system for regularly refreshing homepage and category page content with seasonal themes or trending products, keeping the site engaging and relevant for repeat visitors.

Next projects:

Gohan

chevron_right

Designing the first social crypto app

Brevitē

chevron_right

Reimagining Brevitē's e-commerce website

Phood AI

chevron_right

Creating a seamless SaaS experience in the kitchen

ThoughtSpot

chevron_right

Redesigning UI to boost data analysis efficiency

Challenge

USB Evolution

In a world with so many different versions of USB connectors, the idea of a new standard may seem overwhelming.

However, with brands like Apple and Samsung switching the ports in their devices to USB type C, there is an opportunity to introduce compatible products that will facilitate this shift, such as the well-known flash drive.

approach

New Standard

In designing a product as ubiquitous and common as a flash drive, I wanted to produce a model with a form and finish that is down to earth. Granite's elemental and decorative design aims to emphasize its name.

The granite stone's natural characteristics, elegance and colorful subtlety, were the leading guiding principles of this design.

Granite is as simple as it can be -- there are no flashy LEDs, cheap plastic parts, or unnecessary details.

Utilizing the natural colors of the granite stone enabled me to conceptualize the overall CMF aesthetic of the Granite product line.

Unlike other USB type C connectors that are made of folded metal, Granite's main body is made of one extruded anodized aluminum. It is reinforced on both ends by a snap-fit aluminum cap in its tail and the build-in USB type C pins head. That is to avoid any break-points and to ensure the durability of the flash drive.