Where it started

Competitor analysis to understand the general requirements of an examination platform was as reference for the update to ensure the functionality was on par with what was available as alternatives. In numerous case the platform’s existing journeys did not require much change as comparison to other competitors they were already the best possible solution. The approach focus was shifted to refining the UX on each step of the user journey.

Wireframes

Initial low-fidelity wireframes was designed to present the suggested UX. UI elements was included with the UX to showcase new CI in high-fidelity wireframes. Client was able to provide feedback more focus on the UX rather than being concerned about UI elements for the moment.

Design approach

The UI was approached to be clean and simple with an easy responsive design approach. The idea of breaking segments on the layout into cards was then taken so that only a restructuring of cards would be necessary in order to display on various devices. This saved time in both design and development because of the small scale and time frame of this project. Vuetify component library was used more strictly in order to save time for component development and development.