You just found your next in‑house designer

Recent, bite‑sized examples of my work from my current job. Without revealing trade secrets, with the consent of Deep.BI:

Before my help


After my help

Before my help

  • The grid lines were introducing a lot of visual noise.
  • Seeing point values required aiming precisely at small points on the chart.
  • The descriptions of the X axis weren’t legible: They were vertical and contained hours even on the day charts.

After my help

  • I limited the grid lines to subtle vertical lines that are visible only when the cursor is over the chart. Less visual noise, the chart looks like a chart, and the whole thing is aesthetically pleasing.
  • I made the chart show the value of the point nearest to the cursor, with no aiming required.
  • I changed the X axis descriptions: They contain only the necessary information, in a format consistent with the rest of the interface.
  • I synchronized the interaction with similar charts (pay attention to the chart on the right when the cursor is over the left chart).

Before my help

A generic loader that can be found in many applications


After my help

A branded loader based on the company logo

Before my help

  • The titles of the charts were hard to read.
  • The bars were disproportionately heavier than the other elements of the application.
  • Seeing the value of a bar required hovering the cursor over it.
  • The “Sorting” label was too light to see well.

After my help

  • I diversified the size of the letters in the chart titles to improve readability.
  • I reduced the weight of the bars.
  • I made the chart display the value of a bar when the cursor was anywhere within its Y axis area.
  • I added an option to display the value of the bars at all times without interacting with the chart.
  • I darkened the “Sorting” label.
  • I made the grid lines appear only when the cursor is over the chart.

Before my help


After my help

…and I designed it all in a browser, using code.

Look interesting?

Thank you for your timeEnjoy the rest of your day
© Gregory Wolanski