My Team:
Tools:
Duration:
IMPLEMENTED · CLIENT FEEDBACK
Fleet management, made clearer
Less time completing key tasks
The implemented redesign reduced completion times for key, major tasks by nearly 50%. Clearer navigation and access to operational information supported a more efficient fleet-management workflow.
Led a four-designer team to address fragmented navigation, low contrast, and competing information needs. Delivered an implemented workspace redesign incorporating client feedback.
Navigation: vertical navigation reworked into a horizontal system. KPI access: asset breakdown, downtime, and cost information surfaced by location. Visibility: higher-contrast presentation addressed the existing low-contrast interface.
Research-to-design decision map
01
Navigation
Multiple-page asset lookup informed the horizontal navigation redesign.
02
Visibility
Low contrast and hidden alerts informed a higher-contrast visual treatment.
03
Information access
Different user needs informed accessible KPI summaries and maintenance information.
CONTEXT
Understanding our Client’s Wants
Through my previous internship with GBCS, we had the opportunity to work with Lokomotive, the world’s only, full life-cycle fleet management solution. Lokomotive turned to our UX/UI Design Team to revitalize their company workspace responsible for recording daily operations. They sought for a cyberpunk-inspired theme, with a more vibrant and higher-contrasting color palette.
RESEARCH
Understanding our Users’ Needs
I conducted virtual interviews with Lokomotive team members who regularly used the platform, including their VP of Business, an operations executive and multiple fleet managers, and came up with 3 main takeaways; Navigation was difficult and many users spent unnecessary time performing daily tasks. Users had to click through multiple pages to retrieve asset details. Their dark-shaded theme narrowed visibility, especially in low-light environments. The low contrast between text and the background caused eye strain. Critical alerts blended into the background instead of standing out. Different users had different needs. Their VP of business and operations executive wanted quickly accessible KPI summaries. Fleet managers needed quick access to updating maintenance schedules to prevent unexpected downtime.
VP of Business
PRIMARY FRICTION
Review fleet performance quickly
INFORMATION NEED
Quickly accessible KPI summaries.
Operations executive
PRIMARY FRICTION
Monitor daily operations
INFORMATION NEED
Asset breakdown, downtime, and cost information.
Fleet managers
PRIMARY FRICTION
Update maintenance schedules
INFORMATION NEED
Quick access to maintenance information and asset details.
Final Deliverables
We developed and refined KPIs to display asset breakdown, downtime, and cost per process by location, enhancing information accessibility.
We updated typography, added cyberpunk-esque glows and shadows, and revamped the information architecture across multiple pages.
Both our team and the client agreed on this gradient background, which uses the same color scheme and we updated the vertical navigation bar to a horizontal one.
REFLECTION
Journey as a UX/UI Lead
Project UGH Website Creation
Earlier Conversations with Eng
I learned the hard way that making changes later in the design process can be both time-consuming and expensive. Now, I prioritize getting early input from engineering on feasibility, user flows, and concepts before jumping into design.
Designing for a Specialized Group
I scratched dozens of iterations before reaching our final product. While I originally sketched designs inspired by Cyberpunk, the reference they provided, I quickly learned surface-level research isn’t enough—deep contextual inquiry and continuous user feedback became essential for designing a product that caters to real-user behaviors.
Leading a Design Team
This was a special opportunity to mentor four other passionate designers. I facilitated team meetings twice a week, established and monitored individual and project milestones, and helped them learn complex Figma features, like auto-layout to ultimately prepare them to go on to become the next gen of design leads for GBCS.