Acadiant web apps

One of my design sketches of a data entry page
One of my design sketches of a data entry page

Acadiant have developed a suite of web apps intended for businesses, particularly smaller businesses who need to keep things simple. The app is intended to take the stress out of managing accounts and inventory.

When Acadiant got in touch with me they were at the stage where much of the back-end work was done and they had a very functional app that was purposefully undesigned. We started with a meeting where I was introduced to the app and their vision for it. The aim was to build a cohesive design across the platform that was both intuitive to use and attractive to look at whilst ensuring that all the apps looked like they belonged in the same suite.

I worked iteratively with regular meetings to talk over designs, discuss changes and decide on the next stage.

Below I have shown how the project progressed, showing some of the stages the designs went through.

Data entry pages

Version 1 of the data entry page.
Version 1 of the data entry page.
Version 1 of the data entry page viewed on a mobile.
Version 1 of the data entry page viewed on a mobile.
The latest version of the data entry page, complete with data visualisation.
The latest version of the data entry page, complete with data visualisation.
A drop down menu in action, this one selects from available bank accounts.
A drop down menu in action, this one selects from available bank accounts.
Some examples of interaction states with form fields. Shown here are a selection of icons for showing when an entry has a comment.
Some examples of interaction states with form fields. Shown here are a selection of icons for showing when an entry has a comment.

List page

First design for a list page, this one listing business operating expenses.
First design for a list page, this one listing business operating expenses.
Mobile version of initial list design.
Mobile version of initial list design.
By the third version of the list design we had settled on a "card" style listing.
By the third version of the list design we had settled on a “card” style listing.
Version 3 of the list page design.
Version 3 of the list page design.
Version 4 of the list design concentrated on toning down the colours.
Version 4 of the list design concentrated on toning down the colours.
Version 5 brought the overall UI in line with the rest of the app designs. On the desktop, the "card" view was abandoned for better clarity.
Version 5 brought the overall UI in line with the rest of the app designs. On the desktop, the “card” view was abandoned for better clarity.
On the mobile, the "card" view was kept while keeping the overall look in line with the rest of the UI.
On the mobile, the “card” view was kept while keeping the overall look in line with the rest of the UI.