<< back to front page

Dashboard design

With data from marketing and low fidelity wireframes from the UX designer I designed this dashboard for Swiipe's users.
To make the data as simple and easy to look through as possible I designed it using a grid layout with floating boxes for a clear separation between data. For the revenue and refunds I added a line chart so the users can see an overview of the month.


About the project:
Plus-sell is a service that e-commerce website's can add to their "Thank you page" giving the customer the opportunity to add to their order. After their payment has gone through. The problem was that this page was not converting so I was asked to redesign it.

My thoughts

The problems I saw on the page were mainly: 

1. The UI does not match the rest of the website

Swiipe defined the styling of the page, meaning that the look of the buttons and how the products are shown does not match the page it is on. This risks the customer believing this is something else, not directly related to the site they were on.

2. The Swiipe ad takes up quite a lot of space.

Right after the order confirmation Swiipe advertises their own service. Because this stretches over the whole page, we might risk customers that do not think this is relevant to them stopping their navigation of the site there. That would mean they do not pay attention to the products below.

2. The headline above the products is not clear

The colour of it is grey and not very eye catching. By having the headline centre aligned it might not be as noticeable since it does not match with the text above. That could mean the user would miss the headline, and mistake it for something that might not be relevant to them, like the Swiipe ad above.

4. The products are very cramped together

Not only do the products not match the website it is on, they are also very cramped together on the left side of the page.

The result

1. Fetch the main colour, type and button style from the website.

2. Moving the Swiipe ad in the corner to show it is something extra. Asked the copywriter to change the headline into something more "remember me" focused rather than "use Swiipe"

3. Making it a clear section with the use of background colour

4. Making it a clear section with the use of background colour