B2B
Saas
Intro
Platform:
Luv Cotton
Role:
Product Designer
Length:
4 months
Location:
Toronto, Canada
Industry:
B2B SaaS
Instruments:
Figma, Jitter, Phase
The Goal
Reimagine the dashboard, making it convenient, clear, simple, yet informative.
The Opportunity
Conduct a major redesign of SoilFLO and address the current issues with the dashboard.
Why?
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.
Problems That We Wanted To Solve:
1
Current visual style was atrocious
2
SoilFLO have had ordered a rebrand that they never implemented
3
Dashboard was poorly designed and was nothing more than a bunch of widgets thrown together
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%
43%
Metrics
Session analysis in LogRocket revealed that users interact very little with the dashboard.
34%
of the page is viewed by 90% of users
1.7
clicks are made by 90% of users
2
Concepts Generation
Dashboard For People
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.
Second 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
The app is currently under active development, the parcel lockers are being assembled at the factory, and the pilot launch is planned for the end of 2025.
Responsive dashboard portal for mobile
63% of Dashboard
Is viewed by 90% of users
Specialized dashboards for different project types
5.1 Click
Average number of clicks among 90% of users
Read about my other case studies: