CONTEXT
CONTEXT
CONTEXT
Understanding our Client’s Wants
Understanding our Client’s Wants
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.
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.
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
RESEARCH
RESEARCH
Understanding our Users’ Needs
Understanding our Users’ Needs
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.
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.
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.
CYBERPUNK INSPIRATION
CYBERPUNK INSPIRATION
CYBERPUNK INSPIRATION
DESIGN ASSETS
DESIGN ASSETS
DESIGN ASSETS
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.
Final Deliverables
Final Deliverables
Final Deliverables
We developed and refined KPIs to display asset breakdown, downtime, and cost per process by location, enhancing information accessibility.
We developed and refined KPIs to display asset breakdown, downtime, and cost per process by location, enhancing information accessibility.
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.
We updated typography, added cyberpunk-esque glows and shadows, and revamped the information architecture across multiple pages.
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.
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.
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
REFLECTION
REFLECTION
Journey as a UX/UI Lead
Journey as a UX/UI Lead
Journey as a UX/UI Lead
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.
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.
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.
Lokomotive, the AI Wardrobe Assistant
Lokomotive, the AI Wardrobe Assistant
Lokomotive, the AI Wardrobe Assistant
My Team:
My Team:
My Team:
Tools:
Tools:
Tools:
Duration:
Duration:
Duration:
UX/UI Design Lead (Me)
+ 3 UX/UI Designers
UX/UI Design Lead (Me)
+ 3 UX/UI Designers
UX/UI Design Lead (Me)
+ 3 UX/UI Designers
Figma, FigJam
Figma, FigJam
Figma, FigJam
September - November
2024
September - November
2024
September - November
2024
lukas junn
lukas junn