We made user flows and

wireframes.

With the initial user flows I used our Audi Design Library on Figma to start creating wireframes.

This initial phase of exploration lasted a few months of iterating before

we landed on a solid design that everyone on the team approved.

We made user flows and

wireframes.

With the initial user flows I used our Audi Design Library on Figma to

start creating wireframes.

This initial phase of exploration lasted a few months of iterating before

we landed on a solid design that everyone on the team approved.

With constant research and testing done as this project went

along we were able to understand our users, empathize with

them, and design for them.

Investigation was a crucial initial move.

Our team was able to conceptualize, and execute a brand new

experience to conveniently and smoothly purchase an Audi

vehicle online in the USA and Canada.

When we began

clients had to go into a

dealership to

purchase an Audi.

When we began

clients had to go into a

dealership to

purchase an Audi.

Our team was able to conceptualize, and execute a brand new

experience to conveniently and smoothly purchase an Audi

vehicle online in the USA and Canada.

Timeline

18 Months

Client

Audi North America

Role

Lead UI Designer

Audi E-Commerce

Purchase Experience

Investigation was a crucial initial move.

With constant research and testing done as this project went

along we were able to understand our users, empathize with

them, and design for them.

We made user flows and

wireframes.

With the initial user flows I used our Audi Design Library on Figma to

start creating wireframes.

This initial phase of exploration lasted a few months of iterating before

we landed on a solid design that everyone on the team approved.

It was incrementally allocated the UI.

Using a freshly built Figma component library (which I helped

bring to life), we were able to design an application process that

prioritized speed, usability, and user needs in general.

Motion was also explored and designed for, however to meet

deadlines we agreed it would be implemented at a later time.

One of the biggest challenges during this time was constant

changes, meeting legal requirements, and ensuring the UI felt

premium yet easy to use.

While working on the project, I played a key role in developing a fresh Figma component library, which became the foundation for a highly efficient design system. This library helped streamline our work and ensured that we could design an application process that prioritized speed, usability, and overall user satisfaction. By leveraging reusable components, we not only improved design consistency but also significantly reduced the time required to iterate and test different design solutions.



Crafting for Influence: Constructing a Swift,

User-friendly, and Superior

App Interface

Additionally, we explored motion design to enhance the user experience with smoother transitions and interactions. However, to meet the tight deadlines, we agreed to defer the implementation of motion for future iterations, allowing us to stay focused on delivering a solid, functional product first.

One of the most significant challenges we faced during the project was managing constant changes. These changes were often driven by shifting business needs and ensuring that our designs complied with legal requirements. Despite these constraints, we were able to maintain a delicate balance—creating a UI that not only met legal standards but also retained a premium, polished feel while remaining intuitive and easy for users to navigate.


Contact me

I'm consistently eager to converse. I pledge to reply,
and I'm perpetually willing to address inquiries about design!

Audi E-Commerce

Purchase Experience