Jae Yoon

Based in Snohomish, WA

Product design.
Global leadership.
Hands-on craft.

I lead a global organization spanning design, research, analytics, and technical writing, drawing on twenty years of experience in enterprise B2B software.

Emailjaeyoon@me.com Phone702.292.7790 SocialLinkedIn

Navigation design / Design direction

Next-generation
Lytx UI

I directed a team through a platform-wide UI redesign, defining the guiding principles and making hands-on design edits, with a particular focus on navigation: how users move between product areas, find tasks, and retain context.

That navigation work established the interface foundation for the broader exploration of dashboards, reports, fleet maps, and event review.

My role
Navigation design & team direction
Scope
Web platform & mobile patterns
Artifact
Next Gen UI design deck · September 2024
Dashboard design with fleet KPIs, an idle-duration chart, location map, video, and geofence activity.
A customizable dashboard brings key fleet information into one workspace.View full size ↗

01 / Navigation focus

Navigation as the foundation.

I focused on the relationship between product navigation and the tasks within each area. The proposed shell keeps product areas across the top and organizes Home, Tasks, Insights, and Library in a persistent side rail.

Expandable groups expose the next level of tasks, while a collapsible rail gives users more room for their work. The mobile exploration carries that grouping into a smaller screen. Together, these patterns establish how the broader interface is organized.

Previous interface with navigation split across a blue sidebar and the top of the page.
Previous navigationView full size ↗
Proposed navigation with a dark sidebar, labeled groups, and expandable Tasks.
Proposed navigationView full size ↗
Mobile navigation and the login experience
Mobile navigation with expanded product areas and collapsible task groups.
Mobile navigationView full size ↗
Login design with a product-feature panel beside the sign-in form.
Login with product discoveryView full size ↗

02 / Product direction

Start with the work customers repeat.

Customer input highlighted two related needs: control over what appears on a dashboard, and less manual work to assemble useful reports.

The design direction responds with configurable views, a more consistent visual language, and a shared interface for an increasingly broad product.

Data driven
Keep operational signals visible and accessible.
Modern visuals
Use a clearer hierarchy and consistent interface patterns.
User customization
Let customers organize information around their work.
All-in-one direction
Connect product areas through a common shell.

03 / Personalization

Let the dashboard fit the job.

The dashboard pairs operational KPIs with maps, charts, video, and tables. An edit mode makes the composition explicit: select widgets, arrange the workspace, and save the view.

This turns the request for customization into a visible interaction model, with the controls placed beside the layout being edited.

Dashboard editing workspace with KPI slots, four widget areas, and a sidebar of available charts and metrics.
Dashboard edit mode: choose metrics and widgets, then save the layout.View full size ↗

04 / Reporting & search

Give users control over dense information.

Report controls support reordering columns, showing or hiding fields, searching within results, and combining filters. The deck also explores full-screen tables and infinite scrolling for longer lists.

Universal search extends that pattern beyond a single report, with results grouped by entities such as coaches, drivers, and geofences.

Report table with a customization menu, group filters, and driver scores.
Report workspaceView full size ↗
Customize Table panel with checkboxes for fields, drag handles for reordering, and Apply and Cancel actions.
Column controlsView full size ↗
Report filters and universal search
Report results with a search term, filter chips, and a visible result count.
Search and filters within a reportView full size ↗
Global search menu grouped into coaches, drivers, and geofences above the dashboard.
Universal search across product entitiesView full size ↗

05 / Fleet workflows

Keep the event connected to its context.

The fleet-map explorations bring vehicles, operational metrics, trip history, and video into the same workspace. Selecting a vehicle reveals more detail while retaining the surrounding map context.

The video view combines inside and outside footage with a route map and timeline, so the event can be reviewed alongside the trip.

Fleet workspace showing a selected vehicle, inside and outside video, route map, timeline, and trip metrics.
Video review within the fleet workspace.View full size ↗
Fleet overview and trip history
Fleet map with a vehicle list, colored location markers, and operational metrics.
Fleet overviewView full size ↗
Selected vehicle trip history beside a route map and driver metrics.
Trip history and route contextView full size ↗

06 / Further explorations

Extend the system into activity and evidence.

Lytx Pulse explores an activity feed alongside fleet metrics. The video-overlay concept adds following-distance context to event playback.

Together, these designs show how the interface direction extends from a shared shell into detailed operational workflows.

Fleet dashboard with operational metrics and a chronological Lytx Pulse activity feed.
Lytx Pulse activity feedView full size ↗
Event review with inside and outside video, a map, and a following-distance visualization.
Following-distance video overlayView full size ↗
Related product workAI-First Fleet Tracking ↗