When planning and prototyping our design for Proximity, we looked at current leaders in successful social media, such as Tiktok and Facebook. Furthermore, we were inspired by addictive games that we grew up with, like Candy Crush, Angry Birds, and Crossy Road. Ultimately, we knew we had to incorporate seamless transitions and bright colors, along with plenty of notifications along the way in order to replicate some of our childhoods' favorite apps.

What it does

Proximity is a social network for shopping, rewarding a user for sharing their purchasing history with others and spending their time with us. A user gains points by interacting with the site through a variety of different ways: browsing through items, linking their social media to the app, inviting friends, and spending money for in-store credit.

How we built it

Our first step was to heavily prototype using Figma. We ideated for all the features that our product could potentially have and began working through each one both individually and as a team so that we could establish which ones were feasible and which ones were not. Our final prototype is the conclusion of about 15 features that narrowed down to a handful of fully fleshed out attributes. Next, we took our frames in Figma and connected them together to create a map of how our consumers would flow through our app. Here, we were able to add and remove some pages that enriched the consumer experience. Our final step was to take all of our design components and put it into React Native, translating our design decisions into a functional application. Here, we also utilized Google’s Firebase to centralize the username and password data that users would provide for access into our app.

Challenges we ran into

All three of us were faced with using platforms and languages that we had little to no experience with, so this entire hackathon was learning by ear for us. Coming up with an idea for this hackathon was also a large hurdle because we were unsure of whether we should have focused on a challenge or worked free of restriction. Lastly, a minor challenge that we had was that our late-stage designs became too far fetched for our developers to code into existence in the short timespan that we had left. Though most of our ideas were replicated in our preliminary version of the application, there are plenty of features that we’re looking forward to adding in future versions of Proximity.

Accomplishments that we're proud of

For a 3-person group for most of whom it was our first in-person hackathon, we’re proud of getting a feasible idea from our collective mind onto an artistic palette as well as a working application. We focused primarily on the design of Proximity, knowing that we were limited in how much we could translate into the app. Therefore, we have great pride in the resulting Figma design and transitions that we put together in our first time using the platform.

What we learned

We learned that we should spend more time considering the feasibility of ideas and their features before prototyping. We lost a couple hours of precious time because we began prototyping ideas that ultimately had no relation to the challenge we were attempting or because we had a board of ideas that we could not decide between. Additionally, we came to understand some tips and tricks that we could use in our development of the design.

What's next for Proximity

As the name suggests, we’re hopeful for incorporating location-based data into our app. With an ever-growing network of consumers, users will be able to see what friends around them are purchasing so that they’ll always be up-to-date on new trends and brands. Additionally, we could partner with nearby stores, ranging from large retail corporations to smaller neighborhood stores so that our consumers can capitalize on the credit we offer.

Share this project: