International Institute of St. Louis
Re-Thinking Pop-Up Dinners
Founded in 1919, the International Institute of St. Louis (IISTL) helps build a more connected and productive society for immigrants, their families, and the St. Louis community.
Nearly 1000 volunteers and 90 staff members offer English and citizenship classes, career path assistance, job placement, and couseling, as well as small-business development and microloans.
Challenge
IISTL is helping immigrant - refugee - owned catering companies find a new source of business.
It organizes a new program - Wednesday Night Dinners for curbside pickup every week, which has been very popular with lines forming and food selling out.
IISTL wants to improve this new addition to their programming so that it becomes a sustainable and accessible form of support.
Our goal was to create an app, based off the current website structure, that would provide mobile access to information regarding the events.
Users could purchase meals online for the Wednesday Night Pop-up Dinners when away from their desktop and receive notifications of upcoming events.
Research & Synthesis
Team:
Chip Auchincloss, UX Researcher
Colleen Chin, UX Researcher
Tia Thomas, UX Researcher
Duration:
2 week Sprint for
Student Project
Tools:
Sketch, Miro
Methods:
-
User Interviews
-
Affinity Map
-
Persona
-
Problem Statement
-
User Flow
-
Site Map
-
Digital Wireframing
-
High-Fidelity Prototype
User Interviews
-
Have you ever been to a food festival? What was your experience?
-
Could you share with us your food pickup experiences during Covid?
-
What is your experience with food pop-up service?
-
What informs your decision about finding new cuisines to try?
-
What issues have you had with food pick-up and ordering?
Click image to enlarge
We began our research by conducting user interviews with six participants to determine what people's experiences were with food pick-up service, food festivals and pop-ups. We organized our data in an affinity map to understand people's pain points and needs. As a result, we discovered:
Pain Points:
-
Overall disorganization
-
Service not streamlined
-
Very crowded
-
Not enough food
Likes:
-
Convenience
-
Variety of menu options
Needs:
-
Pay ahead of time
-
Receive notifications
-
Ability to check in on an app
-
Limited human interaction
-
Ticketing system
-
To know calender ahead of time
Persona
Problem Statement
Rick needs an organized way to know about details on Wednesday Night Pop-Up Dinners because he wants to support local eateries and to try new cuisines but doesn’t have all of the information he needs to participate with confidence.
How might we give people all the information that they need to feel confident about participating in Wednesday Night Pop-Up Dinners?
How might we best support local eateries for International Institute of St. Louis?
User Flow
Click image to enlarge
Once we determine the direction of our design solution for our app, we built a user flow to determine how someone would go through the process of signing up for the Wednesday Night Pop-Up Dinners, as well as being able to get catering information and receive notifications.
Site Map
Click image to enlarge
Our site map of the mobile app laid out the features that we focused on in our final prototype.
Wireframing
These are the initial wireframes we developed, from hand sketches to digital mid/high fidelity.
Usability Testing
Once our initial prototype was created, we conducted usability testing with four participants to determine whether our design solution solved user pain points.
Main Takeaways:
-
Too much unnecessary text
-
Users clicked on "date" (text) on food event page instead of "View Menu" button
-
Overcrowding text
-
When removing an item from bag, users clicked "+/-" button instead of "Remove" button
Results of the testing suggested making the following changes:
-
Incorporating social media icon buttons on the login page
-
Creating multiple ways for the users to edit items in the shopping bag
-
Making the overall look less crowded
Final Stylization
Prototype
Here is the final clickable prototype that we created in Sketch.
Steps of the prototype are as follows:
-
Log In
-
Browse Landing Page
-
Go to Events Tab
-
Select Pop-Up Dinners
-
Choose Current Week or Future Week Menus
-
Ability to set up Notifications for future events
-
Browse menus
-
Learn about caterers
-
Selecting menu options
-
Adding item to bag
-
Checkout process
Key Learnings & Next Steps
As a result of this project, we recognized the need for users to have an organized way to find out about events offered by International Institute of St. Louis and give users all of the information they need to participate with confidence.
Our next steps would be to expand the app service to be a responsive web version in order to have services accessible on multiple platforms.
Back to the top