To start out, we sketched two versions of our app's interface. After pitching both to our peers, it seemed like the Version 1 resonated most with people, so we used that as a jumping point for future versions.
Version 1
Version 2
The next step was to implement a more substantial wireframe, which included things such as back buttons. While the first two versions were more focused on functionality, this prototype version prioritized layout. Here we see the first real version of WeRemember!
Wireframe
Following the wireframe, we fully fleshed out our app design using Canva and implementing controls using InVision. We continued to tweak details according to the feedback we were given by users. Our final product looks like this:
Final Prototype