Overview

Concept piece, create a mobile application sponsored by a specific company on a social responsibility project.

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

Project Brief

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 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.

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

Fostering a community effort in educational development.

Visual Communication

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

Mission Statement

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

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

Understanding donations

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. 

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.

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.

SupplyED MVP

Usability Testing

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

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

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.

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.

Iconography & logo Sketches

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

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

Final Thoughts

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.

©  K.Paredes