Skip to content

HiFi Prototypes

Ernest Wong edited this page Apr 23, 2020 · 9 revisions

These high fidelity prototypes were created by Michelle Tan and Sam Neale.

They outline roughly how the frontend should be implemented. This includes several pages (from the mockups) which have been comprehensively designed with a thoughtful layout. A color scheme has been introduced to the web application as well as a logo for Sp/it.

The process used to create these prototypes used the existing low fidelity mockups built with group input. These mockups were then translated into a design utilizing material-ui consistent with a modern day web applications look and feel. Then using Adobe XD the high fidelity prototypes were created with a mindful choice for the color palette, buttons, layout, etc.

Here is a link to check out the design in action: https://xd.adobe.com/view/73e241af-22c2-4137-512c-2cca0e2e7c39-05d3/grid/?fbclid=IwAR0N3t5uIFROszISt4j4Tk800_qEcC01eUeQipbc9FCJUz50kvzIObBsbYE

Login screen

Transactions screen

Confirming payment

Split transaction screen (old)

Split bill form (updated)

image image image

Logo