Sitemap

• Quick brainstorm: rough sketches of main pages included

https://www.figma.com/file/AFwvxbeDMgwOgkLiOz9fug/RMIT-UX%2FUI---Team-Name---A2?node-id=115%3A329&t=5DpK8DEA9eb2n4KJ-1

• Draft Sitemap:

https://www.figma.com/file/AFwvxbeDMgwOgkLiOz9fug/RMIT-UX%2FUI---Team-Name---A2?node-id=52%3A915&t=iSNKVC1MA4JPpy7z-1

• Final Sitemap:

https://www.figma.com/file/AFwvxbeDMgwOgkLiOz9fug/RMIT-UX%2FUI---Team-Name---A2?node-id=314%3A1966&t=syYE9r1SftCLYEtx-1

Wireframe

1. Main pages first

We put our phone aside our laptop screen to compare and design layout for our main pages. It might be many texts for lo-fi wireframe, but since our app contains many different sections and information, we needs the text to differentiate the blocks.

1. Wireframe for prototyping (W11)

For W11 prototype testing, we added prototype for some frames to test the smoothness between the scenes and received lots of feedbacks.

We struggled a lot with the prototype since we hadn’t finished the design theme & mood.

<aside> 💡 Feedbacks: W11: Feedback Reports

</aside>

https://www.figma.com/file/kZ3ZQIFpJr9vzfFx0irQue/Bills-Keeper?node-id=268%3A1330&t=tC8eoaoXGPbz4gNo-1