Case study / 09
Web and Mobile / Food Platform
AfriFood
A database-driven web and mobile recipe platform celebrating traditional African cuisine.
AF
Product case study
Web and Mobile / Food Platform01
Overview
AfriFood is a responsive, database-driven recipe platform with a custom relational schema in Supabase and optimised image rendering for traditional African cuisine.
My role
- Product design
- Frontend development
- Database design
- Responsive implementation
Technology
02
Product thinking
The challenge
What needed to become clearer.
A broad recipe collection needs useful structure without losing the cultural personality and visual appeal that make food discovery enjoyable.
The approach
How the product took shape.
I organised recipes through relational content and a responsive discovery interface, with image delivery and layout tuned for mobile browsing.
03
Key features
Built around the work people need to do.
- 01Relational recipe data
- 02Cuisine discovery
- 03Responsive web and mobile layouts
- 04Optimised image rendering
04
Selected screens
Interface, in context.
Open any screen to inspect the interface at a larger scale.
Visual documentation in progress
This case study currently focuses on product thinking, architecture and implementation detail.
05
Project value
Outcome