MEMORY LANE
Mobile App, UX/UI, Presentation
iPhone X: 2436x1125 px, 458 ppi
Apr–May 2021
A collaboration with Brandon Huynh and Tanya Shrivastava.
Memory Lane is a mobile app centered around connection that allows you to unlock close by memories with "keys", in addition to leaving your own keys for anyone to find. Think geo-caching, but with memories. This encourages healthy habits including outdoor activity, self-reflection, self-expression, and communication.
This project was a "Start-Up Battle" between different groups in our class; Each group presented their idea to a panel of Nvidia "sharks" who picked us as the winner, thanks to our clear and upfront presentation, and distinct look and feel.
LOW-FIDELITY STORYBOARDS
Thorough interviews, discussions, concept peer review, and revisions led to an in-depth storyline of a typical user; All storyboards were drawn by me.
![](https://freight.cargo.site/t/original/i/568e99e7aab7af6b55e0eea46a33a2573806414b5452c25b4a430f1b7931e9b2/ss_1.jpeg)
![](https://freight.cargo.site/t/original/i/aba6ddda45523b4fc8c55772c8946d3d09fe6bb3c40d51917b19dd8fb578ed29/ss_2.jpeg)
LOW-FIDELITY WIREFRAMES
After establishing a clear user story, we created low-fidelity wireframes of the story's specific flow—in this case, checking the map and selecting a key. When we first started making our screens, issues of clarity and ease of flow came up and were resolved.
![](https://freight.cargo.site/t/original/i/b856cf6215e4442f8749778b0a33d9a56cdb910094282330b896d0578a6a6390/ss_3.jpeg)
![](https://freight.cargo.site/t/original/i/f17ffc516907a7b632e6c8f96eff6069f8a465df3b1b1624802d8c648257f17e/ss_4.jpeg)
HIGH-FIDELITY SCREENS
Applying brand identity and further refinements after user testing led to a nostalgic, connecting experience. These specific flows involve selecting a key on the map home page, finding the key, leaving a comment, and viewing all social activity on that key. We also made the flow for when the user wants to leave a key themselves, including writing a preview, selecting media, and placing their key—thus their memory—on the map.
![](https://freight.cargo.site/t/original/i/49797370c83af681dd6fb0bb40e360ab25b36ed4b16c2eb4ae00767622fd5f4e/ss_5.jpeg)
![](https://freight.cargo.site/t/original/i/1d9819fc8fa4421e1a9d92ac9975f0c777fb399c405e95077ab0daf8683e4536/ss_6.jpeg)
![](https://freight.cargo.site/t/original/i/39634886efed69421c816deb912aa33b0e9e3c6924ad23893d951b920fd95ddf/ss_7.jpeg)
![](https://freight.cargo.site/t/original/i/62d8faf0f12d567bb4313b420ddecb740eff9930e7442e2f160c5fde82fe9b31/ss_8.jpeg)
FINAL VERSIONS
![](https://freight.cargo.site/t/original/i/c5a162baa0a743bff390ef8487f7a0f171b54a9758721a8c2f77b6f774ee0547/storyboard.jpeg)
High-fidelity storyboard, stylized by Brandon Huynh. This story emphasizes the app's goal of allowing one to reflect and create meaningful connections.
![](https://freight.cargo.site/t/original/i/0dbe2b43611e272a87730729cd36438825c661394c73e28724dbd1ea2d2f08e0/flowchart.jpeg)
High-fidelity screens flowchart, showing the flows of onboarding, unlocking a key, leaving a comment, leaving a key, and viewing your profile.
![](https://freight.cargo.site/t/original/i/06de683669f4ab5488ed63345d701ae6283b0d7b9d2dead3d9b1749a1773e567/thumbnail.jpeg)
High-fidelity screens phone mockup.
Memory Lane video walkthrough, from onboarding to finding a key and leaving a key of your own.