Overview
-
Jun 2022

Design of the Small Cook Mobile App

Extracts

During a 3-week hackathon, I designed and developed this MVP, a micro-learning cooking app called Small Cook, using no-code tools.

How to display a long list of items attractively on a small screen and facilitate navigation?

  • Visual stimulation with a "Card" format
  • Encouragement to explore the recipe catalog through vertical & horizontal scrolling
  • Reduction of clicks and page loading times through scrolling
  • Simplified item scanning and analysis through categorization and cards
  • Specific searches enabled via the search bar and filters
  • Beige color scheme to evoke the culinary world
Development with Airtable for the Back End and Bravo Studio for the Front End

How to simplify a complex mental process on mobile?

  • Break the process into easy-to-follow steps.
  • One step per screen to help concentration.
  • Swipe to easily move from one step to another.
  • Immersive format, with the visual of the step dominating the space, and navigation bar at the bottom.
No items found.