UI Design Process:

Dashboard Chart

Small chart showing project labor costs for small businesses (QuickBooks Online)

In this week-long special project, I explored initial designs for a QuickBooks Online dashboard widget that would calculate projected final labor costs for small businesses trying to plan for payroll.

I responded to that feedback and came up with a final design that was accepted for release to the QuickBooks main dashboard.

Line graph illustrating projected labor cost over time
Multiple payroll charts showing projected payroll from March 21 to April 3 with bar, donut, and line graphs, including details on labor costs, overtime, wages, and totals.

After moving forward with a simplified line-chart layout instead of the more visually complex column chart, I gathered feedback on how to make it fit alongside other widgets in a dashboard seen by 100,000+ customers per day.

Hand-drawn sketches of three versions of a line graph showing labor costs, with red annotations discussing design elements like number under, capitalization, color fill, line style, and chart border.
Comparison chart showing projected and actual labor costs from May 1 to May 14 with line graphs, color-coded in green for actual and gray for projected, featuring annotations and a "Learn more" button.