Our Process to redesign dashboard for server hosting platform
About Client
BigScoots is a server hosting company, they help people who need web hosting for their personal sites, company or communities.
They also have Wordpress hosting, which is their hosting can optimize the functions of Wordpress and give the security. They also offered Cloud VPS service and Dedicated Server for the user who needs it.
Client’s Need
We have a discussion with Scoot, CEO BigScoots. He wants to change the looks of the dashboard but no need to change drastically.
Clean design and the most important thing is users can easily read the information. And some “UX Things” to improve the experience of the user when they are using this dashboard.
Bigscoots Dashboard
First thing what we do
Before we jump into “UX things”, first thing that we want to define is the visual style. We created some options then we ask some feedback, here are the explorations
No many changes that we did, we just change the icons, change the background color, adding smooth shadow and add whitespace.
After discussing with the client, we have decided that we will use the second one (the blue sidebar).
Site details
Site details are the page where the user can see all their domains. Also, the user can see the status and type of setup on each domain. Here is the current design.
On our approach, we try to make the site details page more clean and neat. We try to separate the domain, type of domain and plan name. Here is the first try
After having a discussion with the client, there are some needs:
- Showing subdomain on each domain
- Users can see total storage and also the remaining bandwidth on each domain.
So we did an exploration, and here is the result
Then after the discussion, there is a missing thing. The storage of the primary domains will be used for the subdomain.
For example:
- paperpillar.com has 100 GB storage.
- the primary domain using 5 GB,
- the sub-domains using 10 GB.
- the rest of the storage of paperpillar.com is 100GB — (5GB+10GB) = 85GB
The information on the site details should show the storage on primary domains, sub-domains and the rest of the storage.
So we did an exploration, and here is the result
Then after the discussion and some feedback, we had a final design for the site details, here is the final design
And here are some other pages
UI Kit and Color Pallete
Interested to work with us?
Shoot your business inquiry to hello@paperpillar.com 😄 🚀 ✉️