🚀 Oferta especial: 60% OFF no CrazyStack - Últimas vagas!Garantir vaga →
Design

Desafio Entre Web Designers: Como Recriar o Site do Guaraná Levou Designers ao Limite

O que acontece quando 21 designers recebem o mesmo desafio? Veja os bastidores reais, os maiores acertos de design e como você pode se inspirar para evoluir rápido em web design.

CrazyStack
15 min de leitura
web designredesign guaranábatalha criativafigma desafiocomunidade webhub

Por que isso é importante

Quando muitos falam em criatividade, poucos realmente testam seus limites ao vivo, competindo e expondo seus próprios processos. Esse tipo de duelo revela não só habilidades técnicas, mas também criatividade sob pressão e capacidade de pensar diferente. Para quem quer se destacar em design e desenvolvimento, entender o que faz um layout ganhar é a chave para ser escolhido em projetos, agências e oportunidades reais.

O desafio é simples: um briefing, 21 designers, criatividade máxima

Imagine receber a missão: redesenhar um site clássico, real de mercado – o site do Guaraná. Parece fácil, até você ver 21 pessoas diferentes reinterpretando o mesmo briefing e cada uma desenvolvendo soluções únicas. O resultado foi um verdadeiro campeonato de inovação, onde cada detalhe podia decidir quem passaria para a próxima fase.

ℹ️Atenção

Os layouts avaliados foram julgados em lives abertas, trazendo o público para a votação. Ideias diferentes, estilos, protótipos desktop e mobile… tudo pronto para evoluir sua própria régua visual.

Como funciona o duelo: fases, votação ao vivo e emoção real

O formato foi de campeonato, no estilo mata-mata: duplas de designers se enfrentam, o público da live vota. Quem vence avança; quem perde sai. Sempre assim, até a final, onde só um projeto leva o topo. Todas as decisões foram públicas e transparentes: quem decidiu foi a audiência, não um júri isolado.

⚠️Atenção

A pressão é real: os melhores trabalhos podem render convites para projetos na agência, além de exposição para toda a comunidade – e isso faz toda diferença para quem quer ser contratado no mundo real.

O site original: ponto de partida pouco inspirador, mas útil

O site do Guaraná, alvo do desafio, não era ruim – mas também não era inovador, nem muito profissional. Era simples e não se destacava, abrindo espaço para múltiplas interpretações e acréscimo real de valor em experiência, cores, navegação e identidade visual.

Comunidade, oportunidade real e mercado juntos

O desafio serviu para selecionar talentos entre membros de uma comunidade focada em design, desenvolvimento e programação. Os mais criativos e capacitados seriam convidados para atuar em projetos da agência, atacando o mercado de verdade e não só simulando para portfólio.

Critérios que fazem um layout vencer um duelo

Os projetos mais votados quase sempre aproveitaram: clareza das sessões, inovação visual, navegação fluida entre desktop e mobile, e interatividade com foco no usuário. Soluções com IA para imagens, microinterações, animações JS leves e copy eficiente pontuaram alto nas avaliações ao vivo.

Atenção

Ideias, não só execução! Layouts que realmente reinventaram o sentido visual, usando recursos atuais do Figma e automatização, quase sempre avançaram para as finais.

Técnicas usadas: IA, animações, carrosséis e experiência mobile

Muitos usaram inteligência artificial para criar imagens únicas de plano de fundo, sliders de produtos, animações com latas em movimento e sessões de campanhas estilizadas com carrossel, breakpoint mobile bem feito e atenção aos detalhes.

Erros que eliminaram projetos: falta de inovação, briefing mal interpretado

Algumas pessoas perderam pelo excesso de literalidade – refizeram exatamente o layout original, faltando criatividade. Outros não entenderam as regras ou não seguiram o escopo (sessões extras ou copy diferente), prejudicando a comparação justa.

Atenção

Não seguir o briefing à risca elimina, mas fugir do comum inova. O segredo está no equilíbrio do que entregar e surpreender, sem se perder dos requisitos.

Primeiros projetos reais de muitos: coragem conta!

Grande parte dos participantes estava criando seus primeiros projetos completos no Figma, mostrando que prática real e desafios públicos aceleram a evolução técnica muito além de estudar isolado. Mesmo layouts que não avançaram já eram de alto nível, graças ao ambiente competitivo.

Exemplos de ideias criativas que conquistaram o público

Designs com animações em banners, uso de cards interativos para campanhas, integração de carrosséis nos produtos e elementos visuais criados por IA deram efeito visual inédito. Layouts dark, grade bento e microinterações surpreenderam e geraram votos, consolidando tendências atuais do web design.

Processos de votação: lives, interatividade e feedback coletivo

Todas as fases aconteceram ao vivo numa stream semanal, terça-feira à noite, mantendo interação com o chat e permitindo feedback instantâneo para quem estava assistindo (ou participando do grupo no WhatsApp). Isso tornou a experiência muito mais rica, democrática e formativa.

O layout vencedor: por que ele ganhou?

O projeto campeão uniu clareza visual, experiência móvel, animações funcionais e identidade própria: latas animadas, navegação dinâmica por sessões, imagens geradas por IA e transições bem resolvidas. A execução foi pensada do zero para a experiência real do usuário, e não apenas para impressionar visualmente.

Participação aberta, grupo e convite para acompanhar ao vivo

As lives do desafio são semanais e abertas: basta seguir e entrar no grupo para receber o link e temas do próximo episódio/combate. O grupo não envia spam, só informações relevantes para quem quer evoluir rápido.

Perguntas para seu desenvolvimento: o que você aplicaria?

Ao ver vários exemplos reais, qual layout mais te inspira? O que você faria diferente? Comentando e opinando (mesmo só assistindo), você treina seu olhar crítico e já começa a pensar como um designer de verdade.

Aprenda todos os dias, evolua rápido e entre nos desafios!

O segredo dos grandes profissionais é praticar sob pressão, buscar feedback real do mercado e nunca ficar só estudando em isolamento. Desafios como esse são a via mais curta para acelerar sua presença no mercado de web, design, programação e interface.

ℹ️Atenção

Quer ver isso em ação, com todos os layouts e os comentários detalhados do desafio? Acesse e inscreva-se no canal oficial para acompanhar tudo ao vivo, dia após dia, sem perder os próximos temas e oportunidades!

Domine React e Node com o CrazyStack

Aprenda técnicas avançadas de React com nosso curso completo