Project Overview

Product

MealStation is a mobile food ordering app tailored to connect users with their favorite local Nigerian meals. The project was developed as past of an internship design task. The goal is to make it easy for customers to find the dishes they want and to encourage them to order more.

Product Type

Food Ordering App

Users

Nigerians (16+)

Duration

3 Months

Problem Statement

In Nigeria’s growing digital food service industry, apps like Jumia Food, Chowdeck, and Bolt Food have transformed how people order meals. However, most of this Nigerian food ordering apps make it hard for users to quickly find and order local meals due to poor categorization, cluttered layouts, and uninspiring visuals. Customers frequently struggle to locate the items they want, particularly when menus lack visual appeal, clear categorization, or intuitive structure. In Nigeria, where diverse meals span local, continental, and fusion categories, the lack of a clean, interactive interface limits the ability of food apps to satisfy and retain users.

Project Goal

The goal of the MealStation project is to design a user-friendly and visually appealing food ordering interface that simplifies how Nigerian users find and order local meals. Specifocally, the project aims to:

  • Organize dishes into clearly labeled, meaningful categories that reflects how users (Nigerians) naturally order and buy food at restaurants.

  • Improve visual hierarchy using appealing imagery, consistent fonts, and intuitive layout to enhance readability and interest.

  • Ensure smooth navigation so users can easily search, filter, and select meals without confusion or delay.

  • Encourage exploration and ordering by reducing cognitive load and making the menu experience enjoyable.

Research (Competitive Analysis)

In this project, I used competitive analysis to understand how MealStation could stand out in the Nigerian food odering space.

I focused on apps like Chowdeck, Jumia Food, Bolt Food, and others. I gathered insights directly from user reviews on platforms like the Play Store, App Store, and Twitter/X. This method allowed me to understand users' pain points in their own words, identify usability flaws, and spot missing features.

Insights deduced are shown in the image bekow;

Design Process

Wireframe

I created low-fidelity wireframes for the core screens: Home, Menu, Product Details, Cart, Checkout. These Low-fidelity sketches were made to test layout logic before moving to high-fidelity designs.

Here are my initial wireframes;

After a few Usability Test and Brainstorming sessions with friendsI made key iterations on the wireframes. The testing focused on:

High Fidelity Designs

After iterating on wireframes based on usability feedback, I moved to high-fidelity designs to reflect the final look and feel of the MealStation app

Screens Displayed;

  • Home screen

  • Menu screen

  • Cart screen

  • Checkout Screen

  • Payment Modal Screen

  • Account screen

Create a free website with Framer, the website builder loved by startups, designers and agencies.