Website
Mezzani
Arquitetura da informação, Visual Design, User Interface, Style Guide
Cliente
Mezzani
Duração
3 meses
Plataforma
Web
A Mezzani é uma das principais marcas de massas prontas congeladas do Brasil, e seus produtos estão presentes em 95% dos mercados nacionais.
Declaração de problema
O antigo site da Mezzani não refletia a mesma qualidade dos seus produtos. Para as partes interessadas, a navegação era lenta e pouco fluida, prejudicando a experiência do usuário.
Para manter a fidelidade do público atual e conquistar novos clientes, o site precisava demonstrar a excelência dos produtos, variedade receitas, atendimento ao consumidor e conteúdo para área comercial da empresa.
Site antigo Mezzani
Outras oportunidades
Perfomance
Os problemas de desempenho prejudicavam a navegação, impedindo que os visitantes acessassem as informações de maneira rápida e eficiente.
Facelift
O antigo site apresentava um design desatualizado e o uso de templates prontos criava uma impressão negativa quando comparado aos sites dos principais concorrentes. O layout antiquado corria o risco de afastar potenciais clientes e parceiros.
Mudança estratégica
A Mezzani estava passando por uma transição estratégica, incluindo uma renovação da sua identidade visual e um reposicionamento no mercado. Com a expansão da empresa, o site precisava acompanhar esse crescimento e comunicar de forma clara e moderna os novos valores e objetivos da marca.
Atendimento ao cliente
A seção de SAC desempenha um papel crucial na percepção da marca. Identificamos que o espaço precisava ser aprimorado para refletir o alto padrão de atendimento da empresa, consolidando sua reputação como uma marca confiável e comprometida com o suporte ao cliente.
Arquitetura da informação
A arquitetura de informação foi revisitada e reformulada. Um dos principais objetivos das partes interessadas era dar prioridade às receitas da marca, gerando maior engajamento com os próprios produtos Mezzani.
Outro ponto de atenção era garantir o devido foco a todos os pontos de contato com o cliente, direcionando cada atendimento ao canal correspondente.
Páginas de nível 1 e 2
Para validar a nova navegação, estabelecemos uma etapa de wireframes contemplando as principais seções do novo site.
Por se tratar de um desenho em alta fidelidade, foi possível realizar alterações rápidas no design, enquanto as seções aprovadas avançavam para a etapa de identidade visual de forma muito mais madura.
Identidade visual e interface
A nova identidade visual disponibilizada pelo cliente serviu como base para criar os conceitos do site. Simbolos, grafismos e texturas foram aproveitados em todos os casos.
Além disso, a história da marca com seus momentos históricos mais importantes foram considerados e apresentados no site atual, aproveitando todo conteúdo já documentado.
Identidade visual usada como base
Para materializar a qualidade dos produtos e do atendimento ao cliente, foi projetado um site limpo e direto ao ponto, com um design minimalista que reflete os valores da marca.
O site da Mezzani precisava funcionar como uma verdadeira gôndola, exibindo os principais produtos de forma organizada e acessível. Para isso, mantive a divisão por categorias, garantindo uma busca simples e intuitiva.
Cada categoria recebeu um ícone exclusivo e uma cor semântica, facilitando a identificação e associação visual dos produtos.
No novo site da Mezzani, as receitas receberam o devido destaque. Além de explorar os melhores atributos do conceito "food porn", sua disposição na arquitetura de informação foi projetada para facilitar a encontrabilidade pelo consumidor final.
Dei o destaque às seções de Marcas Próprias e Nossa História, valorizando o legado da Mezzani ao longo das décadas.
Evidenciei como a empresa se posiciona na cadeia de massas congeladas no mercado nacional, formando parcerias estratégicas com empresas interessadas em desenvolver suas próprias linhas de massas prontas.
A Mezzani preza pela excelência no atendimento ao consumidor. Por isso, o site foi projetado para facilitar o acesso aos canais de suporte, garantindo que cada solicitação seja direcionada ao canal mais adequado.
Durante os três meses dedicados a este projeto, desenvolvi um guia de estilo para documentar os principais componentes e diretrizes visuais do site.
Tipografia
A tipografia principal escolhida foi a General Sans, que conta com um corpo mais fino e estilizado combinando com o aspectro sóbrio da marca.
Paleta de cores
Foi explorado uma paleta de cores baseada nas principais matizes fornecidas pela Mezzani. A marca conta com as cores principais com tendência mais tradicional e também com a adição de tons mais modernos para aproximação de um público mais jovem.
Iconografia
O conjunto de ícones incorporado ao site é o Incoly Pro, que forneceu os mais variados estilos para a composição do site.
"A experiência com o André foi excepcional, um profissional de UX Design que trouxe contribuições construtivas e eficientes para o desenvolvimento do projeto. A comunicação foi sempre pontual e precisa, e o trabalho entregue demonstrou um nível impressionante de comprometimento e qualidade. Estou extremamente satisfeito com o resultado e recomendo este profissional sem nenhuma reserva"
Fábio Fonçati
Sócio-fundador da Lampejos
Outros projetos
