Concept piece, create a mobile application sponsored by a specific company on a social responsibility project.
Visual Design, Brand & Style Guide,
Hi-Fidelity Mockups, Competitive Analysis, Usability Testing.
I was part of a Three-person UX team
Pens, Paper, Sketch application, sticky notes, Google Slides
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.
Happy Path Storyboard created by Scott Moffett
Our resourceful teacher Judy Jones is in need of supplying her classroom with educational resources.
By using SupplyED, Judy is able to create a wishlist raising awareness and informing potential donors of her school supply needs, fulfilling her wishlist requests from the help and support of parents and the community. Leaving Judy without the stress of having to pay out of pocket for these supplies, ending in uninterrupted learning for her classroom.
I created a mood board to identify & develop our brand.
Show how a classroom filled with school supplies looked and felt,
How it encourages a child's' creative and learning development.
Fostering a community effort in educational development.
Showcase and embody the fun and creative learning environment
SupplyED Mood Board
Brand & Tone
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's tone was developed to be Impactful, Authentic, Empowering and Personal
I created our mission statement which was developed from aligning our brand & tone with mood board visuals which reads:
From our first time contributors to our parents and community supporters
We want our brand to feel charitable in helping underprivileged classrooms get needed resources
We believe in participation and kindness.
It means we work hard to make sure education is shared and experienced.
We help one another
Iconography & logo Sketches
A few rough sketches for the donation meter, SupplyED logo, and app iconography.
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.
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.
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
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
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
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.
I created 44 hi-fidelity mockup screens which include each screen needed to perform each task scenario.
You are a teacher who is new to SupplyED
Create a new account
create a wishlist,
add 4 items
Here is a prototype I created of a teacher creating a new post on new on bulletin board
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.
" 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
Get rid of the progress bar
Add “My list” link
Make adding token button easier
Add token donation task indicator
Donation onboarding flow
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.
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