BACK

CASE 2: COOKBOOK-GENIE

Recipes That Bring Us Together

Project Overview

CookbookGenie was an experimental mobile app for cooking recipes with features for creation and collaboration, primarily among family groups. On this project, my client and I worked together on its creation and development. I was in charge of the UI/UX design, while he provided the funding and the original idea. Broadly speaking, the purpose of this App was to enable the creation of physical recipe books born from interactions between family and friends.

Note: To comply with the confidentiality agreement, the information and visuals presented in this case study are displayed in a limited manner.

Visual representation of the Cookbook-Genie project concept

My Role: UI/UX Designer & More

This was the project that led me to GXB Ventures. After hearing my client's concerns about his search for a designer for a recipe app, I presented him with a couple of proposals and feedback within 48 hours. At that moment, he said the magic words: 'When do we start?'. This marked the beginning of not only a very rewarding work experience but also an excellent friendship with my client and his warm family. I can't overlook this because, for me, GXB wasn't just a job; it was a great adventure.

The Challenge: Bridging the Digital Experience with a Physical Product

The CookBookGenie project was an ambitious endeavor with a core challenge: how to design a mobile app for sharing recipes that could seamlessly transform those digital interactions into tangible, physical cookbooks? The hypothesis was that users, particularly within family circles, would value having a physical keepsake of their culinary traditions.

The Approach: Design and Discovery in an Experimental Environment

Based on this concept, I partnered directly with my client, taking sole responsibility for the UX/UI design. The process combined remote work with intermittent travel to California for in-person sessions. From the outset, the project's experimental nature required us to be resourceful. We conducted valuable user research with limited resources, interviewing family, friends, professional chefs, and even owners of culinary businesses. The design exploration was grounded in an analysis of the leading market apps, such as AllRecipies, Paprika Recipe Manager, and Yummly.

Outcome: A Complete Design Foundation and an Invaluable Experience

After a year and a half of development, the client's strategic focus shifted to their main project, Acroplia, and CookBookGenie was put on hold. However, the experience was foundational. The outcome was the creation of a complete, research-validated design foundation for a new product, and the cultivation of an invaluable working relationship that led to larger projects.

Team
2 (+ 1 consulting)
Project Budget
~225K $USD
MULTINATIONAL HYBRID
Montreal - Remote Los Angeles - In-Person

The UX Process: Designing Hands-On

From Theory to Practice: The Kitchen as a UX Lab

For CookBookGenie, my design philosophy was based on a simple truth: you cannot design a cooking application solely from the comfort of a desk. Unlike other projects, empathy here wasn't just built through interviews, but through experience. It was necessary to understand the context, the flow, and even the chaos of a real kitchen. My role, therefore, was to get my hands dirty, transforming the kitchen into a true usability lab to find authentic solutions.

Competitive Analysis: Discovering the "Mobile-First" Opportunity

CookBookGenie's objective had a unique bonus: creating physical books. But I understood that this goal would fail if the initial task, creating a recipe, was frustrating. To understand the landscape, I conducted an evaluation of the leading apps of 2015 (Allrecipes, BigOven, Paprika, etc.). I organized sessions where close collaborators and I created recipes, and the result was clear: the process was mostly clumsy, fragmented, and not designed for mobile. This revealed our strategic opportunity: to create the first truly "mobile-first" recipe creation experience.

Research in Context: The Trial by Fire in the Kitchen

The most revealing idea wasn't born in a wireframe, but in action. To simulate the app in an era before Figma and its mobile prototyping existed, I remember creating a paper prototype of a phone and using it alongside my mobile and its camera while I cooked. This usability test in its purest form was a before-and-after moment. Trying to use the prototype with sticky, flour-covered hands—following steps, writing, and taking photos—gave me a clarity that no brainstorming session could have achieved. Crucial usability decisions, like the size and simplicity of buttons, or the need for a "swipe" navigation with simple, clear steps, became instantly evident, validated by the real-world context of use.

Paper prototype of a recipe being tested in a real kitchen environment

Broadening the Spectrum: The Value of Diverse Perspectives

To design a truly flexible tool, our research went beyond the average user, exploring the extremes of the culinary spectrum: from amateur cooks to professional chefs and even a craft brewer.

The most valuable discovery was how different personas viewed the same features through entirely different lenses. While the amateur cook was drawn to the idea of cooking as a fun, social activity and building a family cookbook, the professional chef immediately identified a different potential in the same tools: business consistency, recipe precision, and menu organization.

A concrete example emerged when a chef explained how he reuses a set of base sauces across multiple dishes. This insight, which an amateur would have never provided, inspired us to design a system for "sub-recipes" or reusable components. This depth of research was crucial for designing an information architecture that was simple enough for the casual user, yet powerful enough for the professional.

Persona 1 for Cookbook-Genie Persona 2 for Cookbook-Genie Persona 3 for Cookbook-Genie Persona 4 for Cookbook-Genie

The Power of Active Listening: From Need to Functionality

As in other projects, the indispensable rule for me was to listen. By prioritizing active listening in our interviews, we discovered answers to questions we hadn't thought to ask. These discoveries gave rise to CookBookGenie's most valuable features. To give a few examples of user needs from those conversations:

Methodology and Design System

For CookBookGenie, my goal was to establish a solid and scalable design foundation. In a pre-Figma era, I used Adobe Illustrator as my primary tool to build a consistent design system.

Cookbook-Genie planning and workshop session

Core Feature Design

CookBookGenie was my first large-scale mobile project. The main design challenge was its inherent complexity: the app needed to house an entire ecosystem of features without sacrificing simplicity and appeal. My role was to lead the end-to-end design cycle, from user research to the final UI, ensuring that every design solution stemmed from a real need identified in our research.

Here is the breakdown of how I approached the design of the key features:

01

Recipes: The Heart of the Experience

The challenge here was to design a creation and viewing interface that was robust yet intuitive. The solution was a modular structure that guided the user step-by-step, with clear inputs for ingredients, preparation, a gallery, and metadata (times, servings, etc.), all optimized for the "mobile-first" experience we had identified as our strategic opportunity.

02

Inspirations & Tips: Fostering Creativity and Quick Learning

Based on the user need to capture ideas "in the moment" (Inspirations) and to consume quick, useful content (Tips), I designed these sections as a short-form content ecosystem. The UX challenge was to create a frictionless capture flow and a simple, visual reading format. The solution allowed users to quickly snap photos and notes, and consume highly visual tips, without the formal structure of a full recipe.

03

Menus & Shopping Lists: From Recipe to Action

These tools were designed to close the loop between inspiration and execution. The challenge was to automate the tedious task of planning. I designed a system where users could drag-and-drop recipes into a menu planner, and the app would automatically generate a smart, consolidated shopping list, allowing for real-time collaboration.

04

CookBooks: The Bridge from Digital to Physical

This was the pinnacle feature and the most complex UX challenge. My task was to conceptualize an in-app editor that would allow users to select, organize, and preview their recipes to be turned into a physical book. The goal was to simplify a complex editorial process into an intuitive mobile experience. The development of this feature was underway when the project pivoted to Acroplia.

Photo of Surya Jayaweera

Surya Jayaweera - GXB Ventures

Strategic Partnerships & Corp Dev; Entrepreneur & Angel Investor

"I've had the privilege of working with Federico ("Fede") Bryans on multiple projects over the years, starting with educational gaming apps for Nintendo DS (2007-2009) and later on mobile apps focused on family, education, and collaboration (2014 onward).

As my partner and Head of Design, Fede consistently transformed ideas into professional, polished products. He's an exceptionally senior UI/UX designer-creative, proactive, and endlessly patient. Even in critical moments, his support and professionalism never wavered.

I would gladly work with Fede again and highly recommend him for any team looking for design leadership and world-class execution. Beyond his skills, Fede is also a genuine pleasure to work with."