Greenleaf

Connecting crafters with rescuers to provide much needed supplies.

Client
  • Concept
Date
  • November 2019 - March 2020
Skills
  • User Research, Strategy, Concepting
  • Sketching, Wire-framing, Prototyping Visual and Interaction Design

The Mission

Recently, there has been a need for crafted items in Australia due to the wildfires. Rescues are taking in baby kangaroos, koalas, bats, and wombats.

Online research led me to three conclusions:

  1. The volunteers at the rescue are overwhelmed with all of the support from global crafters. For example, one Facebook crafting group grew from 1,000 members to over 54,000 members in one week.
  2. There are strict guidelines around patterns and materials that can be used.
  3. You have a range of crafters from novice to expert level wanting to help.

User Research

The Survey

I prepared a survey with Google forms and distributed it among several groups of crafters on Facebook. The purpose was to further determine the ‘pain-points’ of crafters when it comes to crafting and distributing those items. Working with real world data is a good starting point to help avoid guesswork and preconceptions. Using this information provided a better chance to discover the root of the problem and how to solve it.

[smartslider3 slider=3]

Persona

The results of my survey suggested that there were several types of users with diverse needs. The accumulation of the different insights and common patterns that came from the users’ answers helped me create two personas which are the manifestation of that data in a character. However, the focus of this case study will be on the crafter. There will be a follow-up case study for the volunteer.

The Journey

Jobs to be Done

Instead of focusing on what the problem is or what the users want, I ask myself why they need it. By understanding why people might want this app it increased my chances of making a truly valuable product.

The Process

Up until now I had a vague idea of how the app will function. Mapping the basic flow of the app forced me to figure each step on the path the users will take throughout the solution. I first sketched it on paper and then digitally rendered it.

Sketching

This was the first step to help me outline the app and visually imagine it.

Wireframing

This visual guide represents the skeletal framework of the app. It helped me arrange the interface elements while I focused on the functionality rather than what it looks like. Moreover, the simplicity of wireframes allows me to quickly test ideas without diving into the details too soon.

Storyboarding

I created a storyboard describing my user’s experience with the app. This is a great tool to explore how the product will be used in a larger context, as if it was a part of a bigger narrative. It’s an effective and inexpensive way to capture, relate, and explore the app in a real world setting. I created a storyboard describing my user’s experience with the app. This study helps understand the circumstances and the larger context in which the app will be used.

Visual Design

Inspiration Research 

Before getting started with the visual design I create an inspiration board. The purpose was to learn about the visual world and gathering inspiration from crafting/inventory/charity apps. Then I narrowed it down on focus.

Iterating 

Next I explored different design possibilities: From each repetition of the design I learn something that I can use for the next iteration.

#tryagain
#tryagain
#readyforfeedback

Color Palette

The color green symbolizes nature, life, health, youth, spring, hope, renewal, growth, rest and relaxation. Hence, a green color palette is fitting for an app that promotes helping animals in distress. Additionally, I used grey for the text and and included a great deal of white to give a calm and clean appearance.

Their life is forever changed

Typography

Josefin Sans is a free Google font designed by Santiago Orozco. It has a dual nature. It has a mechanical skeleton and the forms are largely geometric. I choose this font as an abstract to cutting out patterns, some patterns you have to make sure you get the cut just right otherwise the item doesn’t turn out correctly.

Naming & Logo

The main reason to choose the name GreenLeaf is to convey bringing source of comfort to the animals in their time of need. Whether it’s taking care of animals in Australia or a dog in a shelter, Greenleaf is there to provide a piece of comfort. The logo should be simple, but convey the compassion of the crafters. For this I choose Roboto font as it has a softness to it.

High Fidelity Design

Onboarding

The goal of the onboarding flow in GreenLeaf is to collect information about the user’s intent to truly make it tailored to their needs. The critical part was to have the user answer 5 questions without getting discouraged and turn off the app. It required a simple and quick process. Numbering the questions, big sliding cards and a progression bar were some of the solutions I used to ease the process.

Onboarding
GreenLeaf Home
Filtering by Category

Prepare a craft item (Materials / Guidelines, Steps, Lead Crafters)

This element is the heart of the app. After onboarding, users receives patterns tailored to their needs. When viewing the pattern, one can see a list of materials, three simple steps explaining how to make the craft, a how-to video and a breakdown of crafters on this effort.

Pattern Details
Pattern Instructions
Crafter Connect

Navigating the Toolbar 

Emily can easily access home, her bookmarks, completing her craft submission, notifications and her profile.

My Favorites
Notifications
My Profile

Completing the Craft

Pattern Details
Inventory Submission
Inventory Submission Submitted

Conclusion

What did I learn?

Designing the app has been a challenging and rewarding journey. It was clear from the onset that the major challenge helping the crafter complete craft items to send to rescues.

I researched the material needs, patterns and costs for the craft items. I understood the needs of the users through the survey and conversations. Finally, I faced the challenge of creating an engaging app both from the user experience perspective and the visual perspective.

What are the next steps?

  • Deep research about specific features for the crafter
  • Usability test of the prototype
  • Improve user flow based on next research round
  • A comprehensive business model
  • Part 2 persona – The Rescue Volunteer
An animal’s eyes have the power to speak a great language

Martin Buber
  • Share:
Contact

Let's work together!

Feel free to contact me about any of my products or services.

Let’s Talk About Your Project

What impact do you want your project to have?

Let’s Talk About Your Goals

How do you measure success?

Let’s Talk About Your Ideas

How do you see it integrating?

CALL: 702-518-3298‬

Contact