Hi-Fi Working Plan
Over the course of the last 3 weeks, we had several meetings before coming out with a final prototype. We started with revisiting the Lo-Fi prototype and brainstorming about what complexity will be added with the HiFi Prototype. Made a list of individual pages and worked on the detailed flow of the whole system.
The next step was the hands-on Figma where we initiated with deciding on the basic colors of the system and typography. Made fundamental icons and buttons for uniformity. Then, reconsidering the logo, worked on it by designing a few new options for it.
We proceeded to make the various pages and contents of the corresponding pages for the applications. Interactions with various elements of the pages and connections to various pages were made.
After working on the various pages, both individually and as a team, we had several meetings to discuss individual pages, the connections between the various pages, and the general flow and structure of the application itself. Respective changes were made based on the various discussions.
After the pages and the overall prototype was finalized, the interactions were recorded and a walk-through was narrated using a screen recorded video.
Brainstorming
Finalised Frames
Splash Screen and Tutorial
Signup
Login and Recovery
Dashboard and Search
Budget Dashboard and Settings
Achievements and Milestones
Product and Comparison Pages
Shopping List
Menu and Settings
Walkthrough Video