Case · Produto · 2023

Culinarium

Site e app para encontrar e acompanhar tutoriais de culinária, para quem está começando e para quem já cozinha bem.

Papel
UX/UI Designer
Período
Setembro a outubro de 2023
Entregas
Pesquisa, personas, sitemap, wireframes, protótipos e testes de usabilidade, em desktop e mobile
Ferramentas
Figma · FigJam · Photoshop · Illustrator
Problema

Tutoriais de culinária online são desorganizados, de qualidade irregular e sem recursos práticos como salvar receitas ou ajustar porções.

Solução

Uma plataforma clean, com busca avançada, receitas salváveis e compartilháveis e espaço para comunidade.

Entrega

Projeto concluído até o protótipo de alta fidelidade, feito para a certificação de UX Design do Google (Coursera).

01

Contexto

Mais gente procurando receitas online, e poucas plataformas que ajudem a escolher bem.

O Culinarium é um projeto da Certificação de UX Design do Google, na Coursera. A proposta: um site e um app para encontrar e visualizar tutoriais de culinária, em desktop e mobile.

O desafio era uma interface que servisse tanto a iniciantes quanto a cozinheiros experientes.

Culinarium, site e aplicativo de tutoriais de culinária
Culinarium, site e aplicativo de tutoriais de culinária

Sobram receitas na internet. Falta curadoria e um jeito simples de achar a certa.

02

O problema

Quem busca tutoriais encontra sites desorganizados, com excesso de informação, interfaces confusas e receitas sem curadoria nem avaliações confiáveis.

Faltam também recursos práticos: salvar favoritas, compartilhar com amigos, ajustar porções. A meta foi simplificar a busca e a visualização e, de quebra, abrir espaço para uma comunidade de quem gosta de cozinhar.

  • Excesso de informaçãomuitas receitas, pouca estrutura e filtros fracos
  • Qualidade irregularconteúdo de usuários sem moderação ou avaliação confiável
  • Pouca personalizaçãosem ajuste de porções, favoritos ou compartilhamento
03

Pesquisa

Antes de desenhar, fizemos entrevistas, questionários e análise de concorrentes. O que mais apareceu: uma plataforma fácil de navegar, com busca avançada, que permita salvar e compartilhar receitas favoritas.

Estudo de telas do Culinarium
Estudo de telas do Culinarium
04

Personas

Duas personas cobrem os extremos do público. Ana é chef, tem horário rígido no restaurante e pouco tempo para novas receitas. Quer tutoriais detalhados e interativos, no ritmo dela, e trocar ideias com outros chefs.

Miguel é pai e trabalha em tempo integral. Quer cozinhar refeições saudáveis para a família, e procura receitas práticas, passo a passo e dicas para iniciantes.

Persona Ana, chef de cozinha
Persona Ana, chef de cozinha
Persona Miguel, pai e funcionário em tempo integral
Persona Miguel, pai e funcionário em tempo integral
05

Estrutura

Montei o sitemap para organizar as seções e páginas do site e do app. Ele guiou o desenho e a navegação.

Sitemap do Culinarium
Sitemap do Culinarium
06

Direção visual

Escolhemos um design clean, com muitas imagens e paleta de cores suaves. Texto legível e botões fáceis de clicar entraram desde o início.

Os wireframes e mockups testaram layouts e estilos para site e app.

Mockups do site e do app
Mockups do site e do app
07

Testes

O protótipo de baixa fidelidade permitiu validar ideias rápido, sem investir em desenvolvimento, e testar com usuários reais. O estudo foi não moderado, remoto, no Brasil, com 10 pessoas e sessões de 30 a 60 minutos.

Protótipo de baixa fidelidade
Protótipo de baixa fidelidade
08

Alta fidelidade

A versão de alta fidelidade, para desktop, detalha a interface da plataforma. A versão mobile foi desenhada com o mesmo objetivo: busca e visualização de tutoriais sem esforço.

Protótipo de alta fidelidade, versão desktop
Protótipo de alta fidelidade, versão desktop
09

Acessibilidade

Pensei a plataforma para funcionar com leitores de tela, com navegação simples e lógica para quem tem dificuldades cognitivas e com suporte a gestos e interações alternativas para mobilidade reduzida.

10

Próximos passos

O Culinarium ficou como projeto da Certificação de UX Design do Google, concluído no protótipo de alta fidelidade. O plano seguinte, não executado, tinha cinco frentes:

  • Testes de usabilidadecom usuários reais, incluindo testes A/B, remotos e presenciais
  • Ajustes de designcom base nos testes: filtros de busca, interface e novos recursos pedidos
  • App móvelwireframes e mockups específicos e testes em diferentes dispositivos
  • Lançamentoestratégia de marketing, redes sociais e parcerias com influenciadores de culinária
  • Monitoramentofeedback contínuo e atualizações regulares
Culinarium em desktop e mobile
Culinarium em desktop e mobile
Telas do Culinarium
Telas do Culinarium