Alexa Hare
UX designer

Capstone Project: Plot

Toronto's first peer-to-peer garden sharing app

Image alt tag
The Problem

Objective

I want to understand how people without yards access gardening opportunities.

  1. What resources do they already use?

  2. How do they feel about the options that are available to them?

  3. What do they wish were different?

Assumptions

  1. A substantial number of city dwellers without yards want to garden outdoors.

  2. This group would be eager to use a mobile app to help identify such opportunities.

Hypothesis

I believe that, if provided with an alternative to community and allotment gardens, urban gardeners will seek out these opportunities.

I will know this is true if waitlists for community and allotment gardens decrease by 50%.

Methodology

  1. Decontextualized questionnaire

    I asked ten classmates to answer a questionnaire on their general gardening habits and interest to get a better sense of habits and goals and also as a pre qualifier to my decontextualized interviews.

  2. Decontextualized interviews

    I interviewed three respondents to my questionnaire for further questioning.

Participant Criteria

For the initial questionnaire, I simply requested participants have some interest in plants (whether indoor or outdoor).

For the decontextualized interviews, I identified respondents who were:

  1. Not satisfied with their current access to outdoor gardening opportunities.

  2. Lived in apartments or condos.

  3. Expressed interest in searching for a solution.

Creating a Persona

After interviewing three urban gardeners, it's time to synthesize their behaviours, goals, motivations, and pain points into a representative persona. I'll use this persona as a guide for my apps design direction.

Using Erin’s pain points and motivations to inspire me, I'll move on to designing a solution.

From Research to Design
Primary Task Flow

Primary Task Flow

Core Epic

I chose the core epic, “search and contact” to design my app’s main task flow. This epic represents the starting point for the user and offers the best opportunity to showcase the app’s functionality.

Task Flow

The task flow will serve as the scaffolding for my application. It illustrates the sequence of pages and user actions that will take the user from the app’s onboarding page to successfully messaging a property owner.

Preliminary Sketches

Preliminary Sketches

Sketches

These sketches serve as a bridge from my task flow to my grayscale wireframes. They allow me to flesh out the task and ideate the best way for the user to interact with each screen.

  1. Login

  2. Path selection (find or list a garden)

  3. Search page

  4. Listings in map view

  5. Listings in list view

  6. Filters

  7. Singular listing with CTA

  8. Messaging screen

Grayscale Wireframes V3

Grayscale Wireframes V3

Wireframes

Wireframes are the digital translation of my preliminary sketches. They allow me to create an interactive prototype that I can use for testing.

After two rounds of user testing with five participants in each, I arrive at this third iteration.

Now that I've implemented changes to address usability concerns, my wireframes are ready for a glow up.

Creating a Brand Identity
App Icon and Wordmark

App Icon and Wordmark

Finding The Right Name

To choose a name for my app, I started by making a list of nouns and verbs related to the purpose of my app. I experimented with various combinations of each.

My favourites were:

  1. Crop Connect: Nice alliteration but a bit too agricultural. My app is for hobbyists with small-scale gardens.

  2. Garden Finder: Descriptive of my app’s function but a bit cold and tactical.

  3. Garden Share: Descriptive of my app’s function and more communal in tone. Arguably, abit too literal.

  4. Plot: Has a double meaning that describes my app’s function (a small piece of land and a point on a map). It’s more abstract and less descriptive than my other choices but it’s cute, catchy, and short. This is the one!

Moodboard Sample

Moodboard Sample

Creating a Mood

I wanted my brand to feel like a friendly neighbourhood in an idyllic, small town.

It should feel:

Cheerful, friendly, warm, fresh, bright, vivacious, and trustworthy.

It should be:

  • More spring than fall

  • More warm than cold

  • More bright than dark

  • More communal than insular

  • More Easter than Christmas

Putting It All Together
Want to interact?
Click below to interact with the prototype in Figma!
Marketing Plot

Now that my high fidelity prototype is complete, it's time to design a marketing website to encourage my target users to download the app. I designed a responsive layout for mobile and web.

Marketing Website Mobile Mockup

Marketing Website Mobile Mockup

Design Considerations

  • Both desktop and mobile websites feature bright brand colours and wordmark to maintain brand identity

  • Large-scale mockups are shown in the hero section to grab the viewer's attention

  • A clear headline and value proposition educate the viewer about the nature of the app

  • Instructions for using the app are included

  • Reviews with avatars are included to create a sense of trust

  • Relevant calls to action, links, and social icons are included

Marketing Website Desktop Mockup

Marketing Website Desktop Mockup

Some Final Thoughts
Find out more at artefactgroup.com

Find out more at artefactgroup.com

The Tarot Cards of Tech

The tarot cards of tech are a series of prompts designed by artefactgroup.com to help designers consider the broader impacts of their work. I'll consider the "big bad wolf" prompts as a thought experiment.

There is certainly opportunity for a bad actor to misuse Plot. Predatory and exploitative behaviour might take the shape of a user selling their neighbour's yield for profit. Worse, after being granted access to a neighbour's property, they have the opportunity to damage the property, spy on their neighbour, etc.

Some ways to mitigate such risks might be to purchase general liability insurance, require identification to register for the app, or simply charge a fee to use the app or rent a space.

Key Learnings

  1.  Keep an open mind about solutions to the problem. This is especially important if you (the designer) are affected by the problem space.

  2. Go off-script during user interviews to really dig deep and get helpful insights.

  3. It’s important to test early and often in order to implement changes sooner in the process and continue iterating.

Next Steps

  1. Plot's success relies on two types of users: those searching for a garden, and those sharing their space. I'll need to design the alternate "sharing" pathway.

  2. Research the user who would share their space. What would motivate someone to do this? Do they need a financial incentive? What are their pain points? 

  3. Continue iterating and testing.

Thanks for looking at my case study!
If you'd like to get in touch, you can email me at the link below or add me on LinkedIn.