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
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
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.
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.
School Supply Socio-economic Demographic
School Supply Amount - Affinity Map
School Supply Items - Affinity Map Theme
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.
Usability testing gave critical insights where users were having trouble and confusion in our token donation model, testing led to iterations that produced new onboarding screens to guide users through the donation process from task #3.
Task #3 (parent buying list) testers had a lot of difficulties understanding how and where donations were taking place. They needed to add more explanation about the token system. Onboarding helped explain these steps better eliminating confusion.
Customers didn’t understand where their donations were being contributed to or how
Implementing these additions nearly doubled SUS testing score
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
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.
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.
Iconography & logo Sketches
A few rough sketches for the donation meter, SupplyED logo, and app iconography.
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
We were trying to solve product requirements problems for donations like allocating resources, which took up a lot of UX time, leading to a few project pivots surrounding the donation process. Establishing a solid UX problem from the beginning would have helped this project be more successful. This experience helped identify the importance of project scope, and communication allowing concept flows to assist our project idea to transpire clearer for our users.