Client Brief
Client provided highly technical documents and asked for a Neumorphic UI. Deliverables included explanations, graphics with explanatory documentation and CSS code.

Client brief original flow chart

PDF document detailing the creative brief

Excel document accompanying the flow chart
Solution
This project was wonderfully challenging and fun. After analysis of the provided documents, I returned a new flow chart with discussion. This led to a final flow chart for verification, and the design of the complex UI. Which was multi threaded with multiple encapsulated processes.
The UI was designed to minimize the possibility of errors and to provide user support. This was done by having multimodal icons that changed color and shape, signifying current status of every step, and implying, each processes encapsulation with neumorphic folders, layers, etc.

New flow chart with questions

Final flow chart design, verifying the process to be made into a UI

Examples of UI components including pop-up box, data, entry, buttons and multiple tab, test verification widget

Assay panel design with nested layers of processes
0 Comments