Autonomous Vehicle - Asset Library
UX/UI Designer
Overview
Designed a secure, branded resource hub for a leading autonomous vehicle technology innovator. The goal was to streamline internal processes by transforming a disorganized Google Drive into an intuitive, efficient web app for managing critical installation assets.
MY ROLE
UX Design
UI Design
TEAM
Design
Project Managers
Developers
DELIVERABLES
High Fidelity Designs w/ interactive animations
Highlights
Autonomous vehicle asset management platform.
Home page
The Home page provides users with multiple ways to navigate: a left panel for quick access, a top-right search function, and an additional search at the bottom. Users can also embark on a guided journey by selecting their vehicle type or quickly find what they need through the "Most Requested Assets" section.
This car drives down as the user scrolls down the page.
Search functions
The Search function allows users to find assets by Labels, Branding, Packaging, Regulatory Markings, or Vehicle. It also doubles as a filter, enabling users to select multiple categories while refining results with a keyword search for precise and efficient navigation.
Asset details
The Asset Details page provides users with comprehensive information about each asset, including dimensions, placement rules and regulations, part numbers, and more. It also features a convenient "Request Asset" CTA for quick access to needed resources.
The Challenge & Context
A slow and tedious process.
Installation teams struggled to quickly locate and manage essential assets—stickers, labels, and instructions—due to a messy, gated Google Drive. Users frequently had to request access or rely on someone with permissions to retrieve specific assets. This required knowing exactly what they needed in advance, limiting their ability to discover assets they hadn’t considered. The lack of organization slowed workflows and increased the risk of errors during vehicle outfitting.
My role.
As the UX/UI Designer, I engaged with stakeholders, conducted interviews, and mapped out user workflows to pinpoint key pain points. I then translated these insights into a user-centered design that simplified navigation and prioritized frequently used resources.
The old way—Google Drive.
Installation teams relied on a messy Google Drive, often needing to request access or know the exact asset beforehand. This made discovering new assets difficult and slowed down workflows.
The old way—Workflow.
As you can see in the workflow, steps UF2 through UF4 highlight major pain points—requesting access, searching manually, and verifying details separately. These inefficiencies create frustration, slow down workflows, and increase the risk of errors.
The new way—Workflow.
Steps UF2 through UF4 showcase key improvements—instant access, efficient filtering, and clear asset details. These enhancements remove bottlenecks, reduce errors, and speed up the process,
Understanding
What's the users mindset?
After speaking with stakeholders and users, we identified two main starting points. Some users know exactly what asset they need and just need a quick way to access it. Others aren’t entirely sure and want to browse available assets to ensure they’re not missing anything important.
EXPLORE
Some users want to explore the assets
ALREADY KNOW
Some users know exactly what they want
The solution?
Crafted a clear, visually engaging interface that integrated seamlessly into the client’s existing ecosystem. The new design organized assets into clearly defined categories, ensuring that installation teams could efficiently locate and use the resources they needed.
Organized categories
The first solution addressed the challenge of users wanting to explore. To create a more intuitive browsing experience, we conducted a card sorting exercise to categorize assets. All files from the drive were gathered, organized into logical groups, and structured for easy navigation.
Categorized asset menu
After finalizing the asset categories with the team, they were strategically placed in the left navigation, allowing users to browse when they aren’t certain of the exact asset name. Additionally, selecting a category enables further filtering by vehicle type and a sorting option for more precise results.
Strategy
Strategic placement and design.
The search function is always accessible—via the top-right bar and at the bottom of each main page, ensuring users can search as they scroll. Additionally, the "Open Request Ticket" in the main nav allows users to quickly request missing assets, keeping workflows efficient.
Top right.
The main search function in the top right provides constant access to assets while also serving as a powerful filtering system.
Bottom scroll.
At the bottom of each main page, users are presented with a search bar, ensuring they can easily search for assets without scrolling back up. This maintains seamless navigation and quick access to resources.
Open request ticket.
The "Open Request Ticket" option is always accessible in the main navigation, allowing users to quickly request an asset they can't find. This ensures no delays in obtaining necessary resources and keeps workflows efficient.
Key Metrics
Key metrics and projected findings.
The redesigned asset hub transformed internal operations, significantly improving asset accessibility and workflow efficiency. Installation teams now benefit from a simplified process that reduces errors and aligns with the client’s high standards for safety and innovation.
Faster access
A centralized platform eliminates the need for repeated access requests, allowing teams to retrieve assets instantly.
Streamlined requests
An always-accessible request feature ensures users can quickly obtain missing or new assets without delays.
Improved accuracy
Clearly categorized assets and placement instructions reduce confusion and the risk of installation errors.
Enhanced usability
Multiple search entry points and filtering options provide a more intuitive and efficient user experience.
