Working directly with the CEO of Synergia, I was brought in to update and modernise the UI/UX for their assessment tablet application. This was done by choosing up-to-date UI patterns and applying Material Design principles to the layouts. The hierarchy and functionality of screens was modified to simplify the user journey and help the overall user experience. Iconography and bold use of colour was also implemented to help the user navigate with ease.
Deliverables included: sketches, wireframes, sitemap, high-fidelity designs, style guide, and mock-ups for retina device display.
I also discovered a better way to work in Photoshop for retina during this project. I blogged about my experience and you can read about that here.
Clutter be gone. This dashboard displays exactly what the user needs and nothing more. They can access live audits and recent reports directly from this screen or go to different sections by using the navigation drawer.
A few of the 54 high-fidelity designs I produced for this project. It gave me a challenge to solve complex UI problems and skin most of the components for Android.
Where would you be without a sitemap? A very handy tool that gives all parties involved clear instruction on which page you are dealing with or talking about.
Some of the more complex pages and sections were detailed in flow diagrams. This gave a much clearer picture of the functionality on a complex section or page to all parties involved.
A one page styleguide was produced to get the developers up to speed on colour, fonts, buttons, input fields and some spacing rules.