From the TV screen to the kitchen, with ingredients delivered
A mobile app for a well-known Jordanian cooking show: recipes from the show, plus ordering the ingredients online.
- Client
- Atomkit, for a Jordanian TV show
- Year
- 2020
- Location
- Amman, Jordan
- Industry
- Media and food
- Platform
- Mobile app
- Tool
- Adobe XD
From the TV screen to the kitchen, with ingredients delivered
Viewers watch a recipe on a well-known Jordanian cooking show, then have to find it again, write down the ingredients and go shopping. Many never cook it.
We designed an Arabic-first app that joins those steps: the show's recipes and chefs, step-by-step videos, and one tap to order every ingredient.
- Fans of the showCook the recipes they just watched
- Busy home cooksFind tonight's dinner and get the ingredients delivered
- The channelTurn viewers into app users and customers
From brief to final design
- 01
Understand the brief
Clarify the business goal, the audience and what success looks like with the Atomkit team and the client.
- 02
Map the journey
Sketch the key flows and the content each screen needs.
- 03
Design the experience
Turn the flows into clean, friendly screens with a clear visual hierarchy.
- 04
Prototype and hand over
Link the screens into a clickable Adobe XD prototype for review and handover.
Role and responsibilities
- UX and UI design
- E-commerce flow
- Recipe experience
- Prototype
Find something to cook tonight
The home screen opens with seasonal collections, meal types (breakfast, lunch, dinner, desserts, starters) and favourites. Categories like healthy, fast food and vegan make browsing quick.
From recipe to basket in one tap
Each recipe shows the chef, time, calories, difficulty and servings, with the ingredients and their weights. 'Buy all ingredients' adds them to the basket, scaled to the number of people.
- Servings adjust ingredient quantities
- Step-by-step video
- Buy all ingredients at once
Follow the chefs
Viewers follow their favourite chefs and get short tips and videos in a feed they can share on social media, which keeps them coming back between episodes.
What we designed
- 01
Recipes from the show
Step-by-step recipes with video, time, calories and servings. Fans keep cooking with the show.
- 02
Chefs and tips
Follow chefs and browse their tips. More time spent in the app.
- 03
Shop the recipe
Add all ingredients to the basket at once. New revenue from viewers.
- 04
Simple checkout
Order and track ingredients. Fewer drop-offs.
Outcome
An Arabic-first app that turns viewers of the show into home cooks and customers, with 57 screens ready for development and a clickable prototype.
What we delivered
- User journeys
- Recipe and e-commerce flows
- Final UI
- Clickable prototype
Related case studies
This project is part of our Apps and websites service. See all case studies or the full project archive.
Want something like this for your business?
Tell us what you are working on. We'll reply with next steps and a time for a short call.