Form to add a record
File upload page
View added record
OCTOBER 2019 - FEBRUARY 2020 | UI/UX Design | 4
For my Final Year Project (FYP), I was tasked to design the UI/UX of a digital records management system and develop it as a web application. It was to act as a "glorified dropbox", where the application would have the ability to store, add, remove and edit records, such that these records would be easily retrievable during future company audits.
The initial phase was where we designed the UI/UX of the system, based on the information and research provided to us by the client. This phase included processes such as persona creation, wireframing, prototyping and usability testing. As it was meant to be a professional platform, the design of the pages were kept simple and clean. The team also designed the pages according to the demographics of the target user group. Above are examples of the pages that we created for the web application.
The final phase involves refining of the high fidelity wireframes, before we proceed to develop the system into a web application. For this project, we utilised Angular to code the web application out, and PrimeNG as our supporting CSS library.