Inspiration

Due to the COVID-19 pandemic, the need for minimizing the opportunities for exposure is greater than ever. However, for essential activities like grocery shopping contact is unavoidable, especially for the millions of people in this country who cannot afford the luxury of grocery delivery services or fear putting themselves in contact with a delivery person. We were inspired to create this as a way to help people maintain safe distances and go out into public without putting themselves in higher risk situations.

What it does

Through Pick-nic, we aim to streamline the grocery shopping process to minimize exposure for higher-risk individuals by intuitively presenting users with relevant safety information about their local stores. Upon entering their location and shopping list, users are given a list of stores in their area organized by stock match and busyness in real-time. Users can see the availability of each of their shopping list items at every store, resolving the hassle and danger of making multiple grocery shopping trips. Visiting specific store profiles allows users to access details such as typical peak times, special hours for at-risk groups, mandated COVID-19 health guidelines, the predicted restock schedule, and the availability of curbside pick-up, enabling users to make safe and informed decisions on their grocery shopping process.

How we built it

Using Figma, we created a mock-up of how our app would work in real life, with example stores, locations and data integrated into our prototype.

Challenges we ran into

During the ideation process, we came up with a lot of different ideas that would potentially improve people's lives and be a user friendly experience. However, our initial challenge came from having these ideas, but needing to narrow them down and focus them into something that we could build in less than two days and implement effectively. In addition, we found it difficult learning how to use Figma throughout this time period, especially when it came to building screens that connected together logically, applying components, and making a design that would be intuitive and user friendly.

Accomplishments that we're proud of

We're extremely proud of how we were able to integrate many different branches that allow the prototype to move to different screens depending on what's clicked. Through the Figma prototyping tool, we were able to link many frames together in a way that would allow users to interact effectively with the product.

What we learned

As this was our first time building a prototype and collaborating over Figma, we learned a lot about the designing process. From audience research to ideation to the actual work done on Figma, the process was challenging, but extremely rewarding. After these two days, we've gained an understanding of wireframing and creating flows, prototyping, and working with different features on Figma, such as the components tool.

What's next for Pick-nic

We plan to continue fleshing out our prototype on Figma by updating it and improving user friendliness as we learn more about product design and accessibility. In terms of additional features, we hope to also implement new features into our app, including ways to apply our product to restaurants or other public spaces.

Built With

  • figma
Share this project:

Updates