This document presents the high-fidelity UI prototype.
This serves as the continuation and improvement of the low fidelity design
App Setup
This is the “Setup” phase of the app. This includes:
- Sign-in
- Sign-up
- Authentication
- Onboarding
- (Basically everything before the user enters the main app)
High Fidelity UI design of app-setup (see: high-fid-onboard.pdf)
The point of reference that inspired the design was primarily the wireframe diagram. Secondly, successful products which implement an onboarding phase such as HappyCow also served as an inspiration.
For this design, again we prioritised these considerations
- Simplicity and functionality - We prioritised simplicity and functionality over aesthetics, as we wanted users to have a clear introduction of what services the app provides from their first use.
- ICN Brand Guidelines - The colour scheme and images were inspired by the ICN website, which serves and will continue to serve as the colour scheme for future add ons such as the map other services.
Main App Pages
(see: high-fid-map.pdf)
(see: high-fid-search-filter-list.pdf)
(see: high-fid-map-pins.pdf)