UI / UX

Let's Cook - Finest Recipes, Selected by Top Chefs

As part of my UI practice, I took the initiative to create a website for sharing recipes. I researched the market and found out that there is a lack of cooking websites that offer recipes from different chefs. I decided to explore this niche and create a desktop and mobile design for the website.
Hero image for a case study article on the design blog, featuring the web and mobile (responsive) design of the 'Let's Cook' website. The design is beautifully crafted and creative, illustrating innovative approaches to user interface and experience.
Objectives
Research, Brand Identity, Web & Mobile Design
Published on
01 October 2022

Research & Brand Identity

As a cooking enthusiast myself, it was a pleasure for me to dive deep into the culinary landscape. I uncovered a surprising fact: no platform exclusively showcased recipes curated by top chefs. Understanding this market gap allowed me to tailor the design to meet the needs of culinary enthusiasts seeking expertly crafted dishes from successful chefs.

Crafting Let's Cook's brand identity was a process aimed at capturing the essence of culinarity. Considering color psychology, I selected hues that evoke warmth and appetite. Through careful font selection, I ensured readability while keeping the logo fun. Every element, from color palette to typography, was strategically chosen to resonate with the target audience.

View Brand Guidelines
Design System

In the design system, I included everything from buttons to a typography scale, information about spacing, layouts for desktop and mobile responsiveness. This systematic approach sped up the website development and made the creation of a responsive mobile design as seamless as slicing through butter!

Web Design & Responsive Mobile Layout

Let's Cook's homepage is the gateway to culinary inspiration. Aside from the necessary navigation, it was crucial to include professional photography, and curated content. I integrated the Subscription option inside the Homepage to make it easier for enthusiasts to get exclusive access to premium content and updates. I prioritized accessibility with visual appeal, utilizing the 8-point grid across the devices.

In a mobile-first digital world, where the target audience prefers cooking with their phones at a close distance, I had to ensure Let's Cook's responsive user experience across devices. The reading aspect was optimized for mobile viewing, by including images from every step of the cooking process and a readable typography. The mobile experience mirrored its desktop counterpart in functionality, allowing users to save and watch recipes on the go.

Related case studies

UI / UX

Botanical Syrups

E-commerce website for one of Australia's best homemade organic syrups.
Lettering

Lettering Collection 2020-2023

A huge collection of lettering and typography projects.
Illustrations

Blog Illustrations for XWP

Vector illustrations for one of the leading enterprise WordPress agencies.