top of page
SupplyED _ header.png

Overview

SupplyED is a mobile application concept inspired by social responsibility, our team agreed Target aligned best with our primary app users, who are teachers. 

My Role

Visual Design, Brand & Style Guide, 

Hi-Fidelity Mockups, Competitive Analysis, Usability Testing.

I was part of a Three-person UX team

Tools

Pens, Paper, Sketch application, sticky notes, Google Slides

Duration

2 weeks

SupplyED_iPhone-transparent.png

The Challenge

Teachers are underfunded and have to pay out-of-pocket for school supplies​​.

​They need a way to raise awareness of their funding needs in addition to having their funding goals met. 

By partnering with ‘Target’ to sponsor our app we can leverage existing school supply checklist

that will enable teachers to create a wishlist from our sponsors' products and have their funding goals met from donations and community support.

kids in class_neonbrand-426918-unsplash.

Storyboard

sponsored by target.supplyed.png
Judy jones_supplyed scenario.png
Judy jones_supplyed scenario.png

Happy Path Storyboard created by Scott Moffett

Our resourceful teacher Judy Jones needs to supply her classroom with school supplies, learning tools, and educational resources. By using SupplyED, Judy is able to:

 

1. Create a school supply wishlist 

2. Inform potential donors of her school supply needs

3. Fulfill her wishlist requests

 

with the help and support of parents and the community teacher, Judy can focus on teaching, and learning without the stress of having to pay out of pocket for supplies. SupplyED brings uninterrupted learning to the classroom.

Mood Board

I created a mood board to identify & develop our brand.

​​​Gain Inspiration

Show how a classroom filled with school supplies looked and felt, 

How it encourages a child's creative and learning development.

Foster Guidance

A community effort in educational development.

Visual Communication

Showcase and embody the fun and creative learning environment

SupplyED Mood Board

supplyed moodboard.png

RESEARCH

Understanding donations

red doneate..png

How to get people to donate? ​​

I conducted research that found

  1. By Incentivizing donations

  2. Engaging in meaningful conversations

  3. Enable donors to have a positive interaction with the receiver.​

  4. Donors will likely return the following year due to a positive experience. 

Using these insights led to the creation of a teacher profile where donors could see classroom photos & their funding needs, showing donors a personal positive interaction.

Increasing the teachers' chances for continued donations the following year. 

Comparison Analysis

To understand the current process of donations, my primary focus was on any existing programs or partnerships that took place, the basic flow of donation to school product exchange. With these findings, we were able to focus our efforts towards establishing a platform that would raise the most awareness

Findings Reveal:

  • Donations are shipped to classrooms or distribution centers

  • Most funding is supported by multiple sponsors

  • Social media presence was present but not an established awareness platform

Our model would require local targets ship supplies to classrooms, eliminating the hassle of distribution centers which requires pickups. Given our problem statement to save teachers time and money, driving to a distribution center, would not solve the problem statement, therefore, our UX had to take into account that goods and products could only ship from local targets. By using the school supply checklist target already uses, & by creating a social media presence through Target we could raise additional awareness of our funding needs. 

SupplyED Comparison Analysis

comparison analysis.supplyed.png

Mission Statement

SupplyED's tone was developed to be Impactful, Authentic, Empowering and Personal

We believe in participation and kindness.  

It means we work hard to make sure education is shared and experienced.

We help one another from our first-time contributors to our parents and community supporters

Logo Sketches

A few rough sketches for the donation meter, SupplyED logo, and app iconography. 

P3_SupplyED_logosketches_1_11_19.JPG
P3_SupplyED_logosketches3_1_11_19.JPG
P3_SupplyED_logosketches2_1_11_19.JPG

SupplyED Components

SupplyED iconography was influenced by our sponsor Target.

 

I wanted to keep icons within the educational theme to make it a cohesive design.

I created coin token icons to illustrate donations for teachers' funding goals.

A tack was constructed to represent Bulletin where teachers can post and browse and share resources, and a progress bar was implemented to indicate each classroom's funding needs. 

Font family branding was influenced and kept consistent with the sponsor Target who uses Helvetica Neue and what they consider to be the preferred font for corporate communication

supplyed color palette.png
font family. supplyed.png
supplyed temp icons .png
supplyed temp buttons.png

Affinity Mapping

Interviews were conducted with teachers who are underfunded and have paid out of pocket for school supplies to understand:

  • What supplies they were spending their out of pocket costs on 

  • What their school supply budget was if any

  • Classroom demographics 

We created an affinity map to identify themes and help discover MVP for our mobile app.

SupplyED Affinity Mapping

Defining the MVP

Mapping out ideas and features helped us sort out and focus on essential features for our minimum viable product. We weighed out options that revealed the most essential features to construct and how much effort and time would be required. 

Our MVP led us to focus on the following:

1: Wishlist creation for donations

2: Provide a space to link resources 

3: Teacher story & profile 

These features were essential to solving our problem of helping teachers bring awareness of their supply needs and a means of creating this list.

SupplyED MVP

supplyed mvp lines.png

Hi-Fidelity Mockups

I created 44 hi-fidelity mockup screens which include each screen needed to perform each task scenario.

Task 1

You are a teacher who is new to SupplyED 

 

  1. Create a new account 

  2. create a wishlist,

  3. add 4 items

  4. publish

task#1 supplyED_hifi mockup.png

Task 2

Here is a prototype I created of a teacher creating a new post on new on bulletin board

Task 3

You are a parent looking to view and buy needed supplies on the supply checklist.

1. Add all items on the checklist.

2. Then add all Token donations to a class that needs additional funding.

supplyed.final task#3parent donate.png

Usability Testing

" I'm not sure how to donate."

"Why am I picking A school twice?" 

Customers didn’t understand where their donations were being contributed to or how. Testing led to iterations that produced new onboarding screens guiding users through the donation process. Breadcrumbs and examples show checklist users how to pick a school, select school supplies and how to add tokens for donations. 

Implementing onboarding screens nearly doubled SUS testing score, taking it from 47% to 85% 

Usability testing iterations

  • Addition of screens

  • Buttons placed to ease navigation

Suggestions

  1. Get rid of the progress bar

  2. Add “My list” link

  3. Make adding token button easier

  4. Add token donation task indicator

Donation onboarding flow

supplyed onboarding.png

Final Thoughts

Trying to solve product requirement problems for donations like allocating resources, took up a lot of UX time, which lead to a few project pivots surrounding the donation process. If we could have established a solid UX problem from the beginning this would have helped this project be more successful in our 2-week timeline. This experience helped identify the importance of project scope, allowing concept flows to assist our communication and ideas transpiring clearer for our users.

Next Steps

Aisle mapping - ability to show where in the store each item is located

To have a stronger presence in community interaction between parents, funding donors and supporters through the bulletin board.

 

Next sprint to incorporate social media platforms to connect with supporters and incentivize continued engagement, including:

  • Tag volunteers in photos from events or projects

  • Surprise recent donors by directly thanking them on social media

  • Post surveys or fun polls to engage followers  

  • Share beneficiary stories of your work’s impact

  • Highlight the success of past campaigns

  • Engage in meaningful conversations

bottom of page