O Banco do Brasil organizou o Concurso de Culinária Se Achegue 2024, um evento interno para engajar seus funcionários e celebrar a diversidade culinária.
O desafio era criar uma plataforma intuitiva, acessível e visualmente atraente, permitindo que os usuários conhecessem os detalhes do concurso, inscrevessem suas receitas, visualizassem as receitas de outros participantes e votassem nas melhores.
Entregas do projeto: Landing page de apresentação do concurso, telas de inscrição, visualização de receitas, edição e votação.
Resultado do Concurso
90 receitas
foram inscritas no concurso
216 votos
teve a receita mais votada
foram inscritas no concurso
216 votos
teve a receita mais votada
1 voto
teve a receita menos votada
teve a receita menos votada
Categoria mais Doce
De 90 receitas, 60 receitas eram doces
Bebida não foi popular
Houve apenas a inscrição de 2 receitas de bebidas
De 90 receitas, 60 receitas eram doces
Bebida não foi popular
Houve apenas a inscrição de 2 receitas de bebidas
Bolo de Rolo de Milho: Uma Homenagem Junina a Pernambuco
Foi a receita mais votada com 216 votos
Cup cake de milho cremoso
Foi a única receita com apenas 1 voto
Foi a receita mais votada com 216 votos
Cup cake de milho cremoso
Foi a única receita com apenas 1 voto
Entendendo o cenário...
Para iniciar, precisei considerar alguns pontos como:
Etapas do concurso
1º Inscrição da receita
2º Classificação de 5 receitas por voto popular dos funcionários BB
3º Competição final, presencial com chefs jurados para avaliação das receitas
1º Inscrição da receita
2º Classificação de 5 receitas por voto popular dos funcionários BB
3º Competição final, presencial com chefs jurados para avaliação das receitas
Usuários/ Participantes
Dois tipos de usuários que fazem parte das etapas classificatórias:
Cozinheiros
Funcionários interessados em compartilhar suas receitas e concorrer aos prêmios.
Funcionários interessados em compartilhar suas receitas e concorrer aos prêmios.
Apreciadores
Funcionários com interesse explorar as receitas e votar nas suas favoritas.
Funcionários com interesse explorar as receitas e votar nas suas favoritas.
Além disso...
- 3 categorias de receitas: doce, salgado e bebida
- A votação das receitas seria pelos funcionários BB e classificaria as receitas finalistas
- Fotos dos pratos não possuírem nenhum padrão em relação a ângulos, cores e cenários
- Não haver limites de caracteres para o nome do prato e descrição da história e da receita
- Apresentar várias receitas em uma única página sem sobrecarga cognitiva ao usuário
- Todos os funcionários tem direito a votação independente da participação ou não do concurso
- Abordar um fluxo fluído de votação que fosse integrado com a visualização das receitas
- Uma landing page completa em dados e informações sobre inscrições, prazos e regras
- Variar e aplicar o design visual desenvolvido pelo time de criação para o concurso.
- A votação das receitas seria pelos funcionários BB e classificaria as receitas finalistas
- Fotos dos pratos não possuírem nenhum padrão em relação a ângulos, cores e cenários
- Não haver limites de caracteres para o nome do prato e descrição da história e da receita
- Apresentar várias receitas em uma única página sem sobrecarga cognitiva ao usuário
- Todos os funcionários tem direito a votação independente da participação ou não do concurso
- Abordar um fluxo fluído de votação que fosse integrado com a visualização das receitas
- Uma landing page completa em dados e informações sobre inscrições, prazos e regras
- Variar e aplicar o design visual desenvolvido pelo time de criação para o concurso.
Criação da Landing Page
A landing page foi o ponto inicial do concurso, onde os usuários foram recebidos com uma visão geral do evento. O design foi pensado para ser visualmente atraente, destacando as principais informações:
Objetivo do concurso
Uma breve explicação do evento.
Uma breve explicação do evento.
Prêmios
Seção dedicada aos prêmios para os finalistas e o vencedor.
Seção dedicada aos prêmios para os finalistas e o vencedor.
Jurados
Apresentação dos jurados que avaliarão as receitas finalistas.
Apresentação dos jurados que avaliarão as receitas finalistas.
Programação
Datas importantes, como prazos de inscrição e votação. Foi usado um cronômetro para trazer interação e movimento para a página.
Datas importantes, como prazos de inscrição e votação. Foi usado um cronômetro para trazer interação e movimento para a página.
Confira a landing page abaixo:
Visão completa da landing page
Tela de Inscrição
A tela de inscrição foi desenhada para oferecer uma experiência simples, prática e oferecendo instruções, incluindo aqueles com menos familiaridade com tecnologia.
Alguns dos principais desafios abordados foram incluir campos bem organizados para o envio da receita, já que eram solicitadas muitas informações, inclusive permitindo o upload de foto, vídeo e uma descrição detalhada do prato.
Campos para a apresentação afetiva do prato e a receita em si oferecem espaço para os usuários descreverem tanto a história emocional quanto os detalhes técnicos da preparação. Isso torna o formulário mais engajador e personalizado.
Campos para a apresentação afetiva do prato e a receita em si oferecem espaço para os usuários descreverem tanto a história emocional quanto os detalhes técnicos da preparação. Isso torna o formulário mais engajador e personalizado.
O que eu faria diferente nessa etapa?
1. Limite de quantidade de caracteres para descrição afetiva do prato
Mesmo com histórias emocionantes e geracionais, muitas inscrições tinham textos extremamente longos. Havia a necessidade de preparar o componente evitando a quebra na página. Além disso, não era nada prático ao usuário apreciador conseguir ler todas as histórias.
1. Limite de quantidade de caracteres para descrição afetiva do prato
Mesmo com histórias emocionantes e geracionais, muitas inscrições tinham textos extremamente longos. Havia a necessidade de preparar o componente evitando a quebra na página. Além disso, não era nada prático ao usuário apreciador conseguir ler todas as histórias.
2. Campos pré selecionados
Para otimizar a inscrição e garantir o padrão das informações de cada receita, os campos pré selecionados/ indicados em relação aos ingredientes, tempo de preparo etc
Para otimizar a inscrição e garantir o padrão das informações de cada receita, os campos pré selecionados/ indicados em relação aos ingredientes, tempo de preparo etc
3. Instruções iniciais
Reforçaria um guia de boas práticas para orientar os participantes a tirar melhores fotos e gravarem melhores vídeos para destacar ainda mais sua receita e apresentação.
Reforçaria um guia de boas práticas para orientar os participantes a tirar melhores fotos e gravarem melhores vídeos para destacar ainda mais sua receita e apresentação.
Tela de apresentação das receitas
Uma vez inscritas, as receitas precisavam estar acessíveis para os outros funcionários votarem e salvar o conteúdo das receitas. A tela de visualização foi pensada para:
Uma vez inscritas, as receitas precisavam estar acessíveis para os outros funcionários votarem e salvar o conteúdo das receitas. A tela de visualização foi pensada para:
Navegação intuitiva
Exibir todas as receitas de forma organizada, com filtro das categorias de doce, salgado e bebidas
Exibir todas as receitas de forma organizada, com filtro das categorias de doce, salgado e bebidas
Apelo visual
Destaque do uso de imagens das receitas para tornar mais interessante
Destaque do uso de imagens das receitas para tornar mais interessante
Informações importantes
Cada receita exibe o nome do participante, uma breve descrição e a possibilidade de visualizar detalhes completos
Cada receita exibe o nome do participante, uma breve descrição e a possibilidade de visualizar detalhes completos
Voto simplificado
O usuário pode votar sem necessidade de acessar a receita completa.
O usuário pode votar sem necessidade de acessar a receita completa.
O que eu faria diferente nessa etapa?
1. Receitas votadas
Acredito que nessa proposta, poderia ter mais destaque e dar a oportunidade de visão exclusivas ao evidenciar as receitas que foram votadas pelo usuário.
1. Receitas votadas
Acredito que nessa proposta, poderia ter mais destaque e dar a oportunidade de visão exclusivas ao evidenciar as receitas que foram votadas pelo usuário.
2. Receita completa
Reorganizar os elementos e informações na apresentação da receita para tornar a leitura mais fluida e destacar os pontos altos como vídeo e história.
Reorganizar os elementos e informações na apresentação da receita para tornar a leitura mais fluida e destacar os pontos altos como vídeo e história.
Tela de edição das receitas
Uma vez inscritas, as receitas precisavam estar acessíveis para que os participantes pudessem editá-las. A edição era permitida apenas uma única vez.
A intenção é de que o participante tivesse a chance de aprimorar algum ponto que houvesse necessidade, vídeo, foto ou descrição da receita. Uma tela simples, apresentando todas as informações da inscrição e da receita.
Uma vez inscritas, as receitas precisavam estar acessíveis para que os participantes pudessem editá-las. A edição era permitida apenas uma única vez.
A intenção é de que o participante tivesse a chance de aprimorar algum ponto que houvesse necessidade, vídeo, foto ou descrição da receita. Uma tela simples, apresentando todas as informações da inscrição e da receita.
Finalistas da 1º etapa
As 5 receitas mais votadas pelos funcionários, possuem destaque na landing page inicial e seguirão para a 2º etapa, a competição ao vivo com chefs como jurados.
Para esse destaque, as 5 receitas compuseram o início da página, podendo ser acessada por todos.
Considerações finais
A entrega desse projeto foi muito leve e divertida. Acompanhar o empenho dos participantes em apresentar o melhor das suas receitas e suas histórias que acompanham a inspiração da participação.
A entrega desse projeto foi muito leve e divertida. Acompanhar o empenho dos participantes em apresentar o melhor das suas receitas e suas histórias que acompanham a inspiração da participação.
O desafio foi lidar com o excesso de informações no layout, tanto na comunicação visual do evento com cores vibrantes, quanto nas diferentes estilos e tons das fotos enviadas pelos participantes.
A solução se baseou em tornar o background mais leve e uniforme para garantir o destaques das receitas e diminuir a sobrecarga visual e cognitiva.
A solução se baseou em tornar o background mais leve e uniforme para garantir o destaques das receitas e diminuir a sobrecarga visual e cognitiva.
Além disso, oferecer ao usuário ações instantâneas como "votar" e "ver a receita", tornava o fluxo mais prático e evitava vários cliques ao consumir o conteúdo de cada receita.
