0
Results
1
Research
By the time this project started, I had already been working at SoilFLO for about a year. We had done a lot of work, launched a bunch of useful features, but the style and interface of the platform still bothered us – it was unattractive, outdated, and had remained that way simply because there had been no designer on the team before me, and everything was drawn on napkins. Additionally, in the industry as a whole, interfaces weren’t prioritized, and none of our competitors stood out visually.
On top of that, our users had been complaining about our dashboard for a long time. It had been put together before I joined, and it was a collection of widgets for the main features, haphazardly thrown onto the page. Despite the ability to move, remove, and add widgets, the dashboard was incredibly inconvenient, and most users didn’t stay on it – they would immediately go to the sections they needed.
1
2
3
Firstly I decided to conduct qualitative and quantitative research with our users:
Research plan
Find the main weaknesses of the current dashboar
Understand what users really need
Audit the current dashboard
Research competitors' dashboards in the industry
The most important things
Segment and Material progress
35%
Overall site progress
31%
Site issues
17%
Current issues
"I dont need detailed breakdowns like on the feature pages themselves… Just overall metrics and statuses"
82%
45%
No charts or graphs
43%
Metrics
Session analysis in LogRocket revealed that users interact very little with the dashboard.
34%
Page depth
1.7
Average clicks
2
Concept generation
First and foremost I audited the current dashboard:
Using the results from surveys and interviews, my team and I generated a large number of potentially useful metrics for the dashboard. We considered metrics that were either already tracked within the platform or could be easily implemented since we already had all the necessary information to calculate them. The widgets included in the final release are highlighted in green.
The next step was to start creating wireframes. We went through several options based on the user requirements identified earlier.
First Version: Feedback
The progress indicators are too thin – the widget is too dense.
Center alignment looks odd.
Second Version: Feedback
"See More" CTA text is too long, it takes away too much focus.
Segments and materials – combine into one widget.
There is no clear hierarchy – it's unclear where to look first.
Third Version: Feedback
The progress indicators lack information: How much in total, how much has passed, how much is left.
The metrics lack the percentage change from the previous day.
The project progress widget (Segments and Materials) sticks out strangely above the others.
3
Prototype and iteration
4
Design decisions
Page depth
2.4x
Page depth increased from 33% to 76.5%
Average clicks
3.4x
Average clicks increased from 1.1 to 3.7
Mobile portal
Feature adaptation
1.6x
Analytics adaptation increased from 57% to 88%
Project personalization
Time on page
7x
Time on page increased from 15 seconds to 1:45
