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
