nomu

Empowering Woman Refugees Through Food

UX / UI / WEB DESIGN / SERVICE DESIGN

Image 1

๐Ÿ† 2022 RGD The Works Design Award - Web Design Winner

OVERVIEW

My team's challenge was to create a social enterprise that benefits our local community here in Vancouver. Nomu is a fictitious program dedicated to helping refugee women become socially integrated with their community and become financially independent.

My Role

  • UX Researcher
  • UX Designer
  • Web Designer

Team

  • Student project created
    with Raha Namdari

Timeline

  • 4 weeks

Tools

  • Figma

SUMMARY

Problem

Refugee women face many obstacles that make it difficult for them to integrate to their host country's local community. Many also lack the resources to become financially self-sufficient.

Outcome

A platform that empowers refugee women through culinary training, market access, and social integration to allow them to flourish economically, socially and culturally.

END RESULT

Website Key Features

Final design deliverable is a website that allows customers to order food made by students directly from the program.

Image 1

Home page

Allows newcomers to learn about the program and the mission behind it. For prospective students, it shows what people are doing after they have taken the program. For prospective customer, it helps them gain empathy and trust for the brand and program.

Image 1

Menu

An ordering page that is playful and as well as intuitive for the user to order from. The menu is updated daily to sell the food made from classes that day.

Image 1

Ordering flow

The user flow of ordering from the website. Customers can order online and pick up at the commissary where the classes are held out of. During checkout, customers can read about the women who made the dish that they ordered and have the option to tip them.

Image 1

Mobile Consideration

THE PROBLEM

Refugee women face many problems as immigrants

๐Ÿ’ฐ Limited Economic Opportunities

It is more difficult for refugee women to find good employment opportunities due to language barriers, unfamiliarity with the local job market, and possibly a lack of relevant skills and training.

๐Ÿซ‚ Isolation and Social Disconnection

Refugee women are often isolated due to having to leave behind friends and other support systems. It is more difficult to rebuild relationships and establish a sense of community in their new environment.

๐ŸŒ Loss of Cultural Identity

While trying to fit into a new culture, it is difficult to preserve heritage. Many refugees face difficulty in passing down traditions and stories to future generations.

๐Ÿšบ Gender-Based Inequality

Gender inequality continues to be prevalent in many facets of life, and for refugee women the gap is greater, limiting their ability to engage in entrepreneurial activities.

THE OPPORTUNITY

Let's cook!

There is an opportunity to create a positive impact for both refugees and the broader community by having a service run by refugees to fulfill a gap in the market that lacks a combination of authentic culinary experiences, inclusivity, and the growing appreciation for the stories and traditions behind the food.

Why this industry specifically?

Many refugees possess unique culinary skills and traditional recipes from their home countries. Starting a food business allows them to leverage these skills while sharing their cultural heritage.

RESEARCH

Landscape Key Findings

I performed a competitor analysis on similar organizations to identify gaps in the market.

landscapefindings

KEY TAKEAWAYS

The goals of this service should provide transferrable skills that can be applied long-term, help get a foot in the door to a more male-dominated industry, and ensure that people will not be taken advantage of with cheap labour.

The Service

Operating from a spacious commissary in North Vancouver's Pipe Shop building, Nomu offers a 6-month intensive program. This initiative equips refugees with the skills to become entrepreneurs. The program includes access to educational workshops, kitchen facilities, sales channels, and mentorship, aiming to help refugees launch successful culinary businesses and achieve financial independence.

IDEATION

User Flow

I created a user flow of key screens and interactions I wanted to design and showcase. A major aspect I wanted to highlight was the ordering and purchasing flow.

user flow

Wireframing

I created rough and basic representations of the user interface with quick sketches before blocking them out on Figma. While my sketches served as a foundation for exploring ideas and iterating quickly, I quickly moved into building mid-fidelity wireframes to gather feedback.

Image 1 Image 2 Image 3 Image 4
low-fi sketches

TESTING

Usability testing and findings

After conducting 3 usability tests, some changes were made to incorporate storytelling and elevate the user experience on the site.

Image 1

Before

Users noted that there could be an opportunity to do something unique with the dish detail page as it was quite standard.

Image 1

After

After many iterations, I created a design that displays the dishes in a functional but delightful way. It highlights the cook behind the dish and their story.

Image 1

Before

Users felt that it was interesting to see the faces behind the food in the dish detail page, but wished there was something they could do beyond reading about the people.

Image 1

After

I added an extra step in the checkout flow before the payment page to showcase the students behind the dishes to encourage tipping.

BRANDING

Establishing brand colour and typography

An earthy colour palette with bright red accents and playful illustrations express the brandโ€™s nurturing and transformative influence.

low-fi sketches

REFLECTION

What I Learned!

01

Less is more

Initially I had intended to build more pages. I had roughed out a vague site map that featured many more screens. However, I realized that I should only be aiming to build my MVP given the short timeline I had in order to be able to have nicely built out pages that would give maximum impact instead of half-done several screens.

02

Designing differently to meet site goals

As an important goal of the site was to incorporate storytelling to foster empathy and support for refugee women, I went back and forth with my mentor, Christina to see which designs were successful in reaching that goal. I learned to find a balance between sticking to classic UX/UI patterns while experimenting with different design layouts that were visually delightful but functional.

low-fi sketches
↑ back to top ↑