The Potluck Truck Website

UX/UI, Web Design
A banner showing all the desktop website pages of the Potluck Truck laying diagonally side by side
Overview

The Potluck Truck offers culinary workshops and work experience to refugees.Their website has everything refugees need to know about enrolling in a wide range of culinary workshops. The website also shows the monthly menu and changing locations of the food truck where different cultural foods and communities come together.

Recognition

2024 RGD Student Award, Web Design Honourable Mention

Year

2023

Timeline

4 Weeks

Roles

Research, Ideation, Strategy, Web Design, Prototyping

Tools

Figma

Team Members

Illustration by Arsheya Seraji, Branding by Joanne Cuevas, UX/UI by Vylan Tran

Problem & Target Audience

Recent refugees to Canada lack the connections and resources to break into the culinary industry, and to connect with their new community

The target audience for this project are refugees coming to Canada who are looking for work, people who want to try foods from different culture and support their community, and those who are concerned about helping refugees

Solution

Our solution—The Potluck Truck

The Potluck Truck provides culinary training, workshops, and work experience to help refugees gain the knowledge and confidence they need to find a job in the future.

For this project, we targeted two United Nations Sustainable Development Goals—decent work and economic growth, and reduced inequalities—to help guide our solution.

An image showing the two UN Sustainable Development Goals we aimed for in our project
My Role

Designing for the web

Working in a team of three, we all worked on the initial research and brainstorming together. For the final collateral, I worked on creating a responsive website for The Potluck Truck as well as social media ads.

A sitemap showing all the pages that the Potluck Truck website will have. Home page, workshops, success stories, etc.
A gif showing webpage sketches, low fidelity webpage wireframes, and medium fidelity webpage wireframes
The style guide for the Potluck Truck website. It includes colours, typefaces, grids, and colour contrast checks
The Final Design

Integrating illustration and branding

Working on the main part of the final deliverables that I was responsible for—the responsive website—was a lot of fun. I was able to combine the playful illustrations and beautiful branding of my teammates with my interface design skills to make an informative, but interesting website design!

The final Home page of the Potluck Truck website
The final website design for the Potluck Truck, mobile version. It includes the top part of the Home, Workshop, Food Truck, and About pages
The final Instagram social media ads for the Potluck Truck
Final Thoughts

Individual strengths, working together

It was rewarding for my team members and I to work on collateral that relates directly to our areas of concentration. Everyone worked to their strengths and provided helpful feedback during the meetings—which contributed to the Potluck Truck’s success.

Thank you for making it to the end of this case study!