2024
2024
Redesigned an internal Excel tool for Optony, a consulting firm guiding public sector clients through renewable transitions.
Created a desktop and mobile web app that makes multi-million dollar fleet decisions easier to visualize, share, and act on.
Built a flexible design system, clarified data hierarchy, and created new flows for editing fleets, charger installs, and financial assumptions all with a focus on accessibility and real-world clarity.

Designing clarity into complexity

This project was a two-week sprint transforming fleet data into intuitive tools. I overhauled the UX from an early prototype of spreadsheets and unclear interactions into a cohesive, visual system that lets users actually understand their EV transition not just calculate it.

Turning Raw Tables into Actionable Insights

The original "Year Over Year" page was a dense wall of data — technically complete, but nearly impossible to parse quickly.
Key changes:
  • Grouped data into clear sections
  • Added sparklines to highlight trends over time

  • Included high/low values for quick scanning

  • Introduced filters and search for speed

  • Anchored a bar chart to give context beyond the spreadsheet

Mobile Responsive

Mobile Responsive
Data-heavy mobile interfaces present unique challenges and opportunities. In this case, for instance, we transpose charts to take advantage of scroll and vertical screen space.

Data-heavy mobile interfaces present unique challenges and opportunities. In this case, for instance, we transpose charts to take advantage of scroll and vertical screen space.

By thinking critically about what project managers need in the field, I was able to optimize a mobile interface showing the same information in a more compact form factor. At the same time, users familiar with the desktop orientation should feel right at home.

Early graphs required effort to find context.
Callouts, simplified axes, and hover details brought immediate clarity.

Callouts, simplified axes, and hover details brought immediate clarity.

By aligning charts vertically, users can compare across series.

By aligning charts vertically, users can compare across series.

Prior fleet data was an unwieldy table of numbers.
Prior fleet data was an unwieldy table of numbers.
We identified early on that users care about speed to insight.

We identified early on that users care about speed to insight.

By adding two visualizations, users gain nearly all of the information you'd need from scouring through the table.

By adding two visualizations, users gain nearly all of the information you'd need from scouring through the table.

The prior version forced users to go to a different page to adjust data controls preventing any real comparisons. By adding a new design pattern — a slide-out tray on the right side — users can make adjustments and immediately see the impact they have on their modeling.

Impact Highlights

Key Wins that Reduced Time to Insight

Full visual and UX overhaul.

Use BANs (Big Ass Numbers) to enhance comprehension at a glance.

Transformed dense, overwhelming data into clear, actionable summaries.

Simplified dense datasets into clean, scannable visual summaries.

Modernized data tables with intuitive sorting, filtering, and search.

Built a lightweight design system to ensure consistency across platforms.

Maximize screen real estate without crowing, using widget grouping and alignment for additional wins.

Designed a custom mobile experience for on-the-go managers.

Better stakeholder alignment with clear prototyping and fast iteration.

Designed a mobile-first view with its own tailored layout and interactions.