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
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.
Storyboard
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
RESEARCH
Understanding donations
How to get people to donate?
I conducted research that found
-
By Incentivizing donations
-
Engaging in meaningful conversations
-
Enable donors to have a positive interaction with the receiver.
-
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
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.
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
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.
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
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
-
Create a new account
-
create a wishlist,
-
add 4 items
-
publish
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.
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
-
Get rid of the progress bar
-
Add “My list” link
-
Make adding token button easier
-
Add token donation task indicator
Donation onboarding flow
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