A grocery delivery app for isolated neighbors designed in one day

A grocery delivery app for isolated neighbors designed in one day

Pickit is an app to help neighbors coordinate grocery shopping for safer, more efficient shopping.

arrow up icon

Pickit

Mobile App
01

Context & Discovery

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading 1

Heading 2

Heading 3

Heading 5
Heading 6

Heading 4

This is Heading 1

This is heading 2

This is Heading 3

This is Heading 4

This is heading 5
This is heading 6

bullet point

  • adfasdhfkja
  • akjdsfkja
  • asdfjkasdk;fjhasf

bullet point

  1. akdfal;jadf
  2. asdfjkha;skdf
  3. asdkfja;skldfjas;
  4. akdfjas;dklfjlsa

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Bold text

Header

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Problem

When Covid-19 changed the world, I was worried for my grandmother and was delivering groceries to her every week. There are a lot of people who aren't comfortable or able to grocery shop, yet it's a very necessary part of our lives. Thinking through this problem, I came up with the idea for pickit, a communication and grocery coordination tool for neighbors. Although this idea was born around making grocery trips efficient and safer for the greater community during times of crisis, the solution would also apply to something as simple as a neighbor in need of a cup of flour for a recipe. In this digital age, we're more likely to communicate via technology than we are to knock on a door.

These designs are a result of a rapid design challenge where I had 8 hours to design and present my concept.

Question

In one day, how might I design an app to help neighbors communicate about grocery needs and help each other out to create safe and efficient shopping experiences?

Solution

Pickit is a grocery shopping trip coordination app designed to make purchasing groceries for you or your neighbor simple and safe. Individuals who are comfortable and able to grocery shop notify their community of their shopping plans and neighbors can add requests to pick up items, chat with each other and ultimately deliver the groceries safely.

No items found.
02

Process

Research & Preparation

Before the one day design & prototyping process, I began preparing my concept, asking myself questions and considering different app idea options. After landing on the idea for Pickit, I began to discuss the idea with others, gather feedback and lightly research similar solutions. I then got started with some branding work so I could hit the ground running on my big design day.

Designed in 1 day

Our design challenge day kicked off with a short presentation of our initial ideas and we were off to the races! Throughout the day I worked in Figma and relied heavily on the Figma Mirror app to test the experience on my phone. I spent most of my time creating as much of a functional design system as possible in order to make changes quickly and avoid the busy work so I could focus on innovating and improving my prototype. The rest of the day I designed and redesigned screens until I was as satisfied as I could be with the flow. .

Rapid Prototyping & Solution



No items found.
03

Outcomes

Insights

This process really challenged my sense of perfectionism because I had to know when to simplify a concept or let go of imperfections for time's sake. I really enjoyed the challenge and I think it helped me get out of my head a bit more than I generally allow for myself.

In the future, I would love to pick this concept up again and revisit the prototype with more consideration around the business feasibility.

No items found.
04

Artifacts

No items found.