Organização, clareza e escala: o novo site da Agricef
Um projeto focado em resolver inconsistências e estruturar o crescimento digital da marca.
Contexto do projeto
O projeto da Agricef teve como objetivo principal o redesign do site da empresa, que já possuía uma página antiga, desatualizada e pouco funcional. A proposta foi criar uma nova experiência digital que destacasse os serviços oferecidos, os equipamentos disponíveis para venda ou locação e facilitasse o contato direto com a empresa.
Um dos focos centrais do desenvolvimento foi a estruturação da área de equipamentos, garantindo que os usuários pudessem visualizar de forma clara e acessível as categorias disponíveis, entender o funcionamento de cada produto e analisar suas especificações com facilidade.
Análise do problema
Ao iniciar o projeto, percebi que o site antigo da Agricef não cumpria bem seu papel: a navegação era confusa, os serviços não estavam bem destacados, e a apresentação dos equipamentos era inconsistente. Cada página de equipamento seguia uma estrutura diferente, o que gerava frustração e confusão para o usuário. Ao navegar entre equipamentos, eu mesmo esperava encontrar certas informações que simplesmente não existiam em algumas páginas. Faltava padronização, clareza e uma jornada coerente.
A solução
Para resolver os problemas identificados, comecei pelo redesign da homepage, destacando de forma dinâmica os principais serviços, com seções clicáveis para o usuário explorar mais.
Em seguida, desenvolvi uma sessão específica para os equipamentos, organizados em duas categorias (sucroenergético e estações experimentais). Cada equipamento era apresentado de forma visual, quase como um banner rotativo, permitindo uma navegação fluida e intuitiva.
Estrutura da página de equipamentos
Para solucionar a fragmentação nas páginas de equipamentos, desenvolvi uma estrutura única e padronizada, pensada para ser clara, escalável e fácil de manter. A escolha desse modelo veio após um mapeamento criterioso de todas as páginas existentes, onde identifiquei os elementos mais completos, recorrentes e úteis para o usuário.
Meu objetivo foi garantir que qualquer equipamento pudesse seguir um fluxo de apresentação lógico e consistente, com foco em usabilidade e eficiência. A nova estrutura valoriza conteúdos essenciais para facilitar tanto a leitura rápida quanto a comparação entre modelos. Além de auxiliar no entendimento da página para o usuário, a padronização também oferece ganhos operacionais para a equipe da Agricef, que agora conta com um modelo reutilizável e claro para publicação de novos produtos.
Introdução
Imagem do equipamento, nome e dois botões de contato — um para venda e outro para contato direto com a equipe.
Características
De 3 a 4 cartões destacando os principais atributos do produto com título e descrição breve.
Como funciona
Um vídeo explicativo acompanhado de um titulo e texto descritivo, seguido por uma divisão em etapas (entre 3 a 4 etapas), mostrando como o equipamento funciona, com texto e vídeos de apoio.
Diferenciais
Sessão com título e subtítulo centralizados, dois parágrafos explicativos e imagens que reforçam as vantagens do produto.
Especificações
Como cada equipamento muitas vezes tem modelos diferentes, foi feita uma tabela comparativa com as dimensões e capacidades dos diferentes modelos do equipamento.
Galeria
Um grid dinâmico com diversas imagens do produto em uso e de diferentes ângulos.
Conclusão
Esse projeto me ensinou a importância da consistência em sistemas com múltiplos itens semelhantes, como páginas de produtos.O desafio foi pensar na experiência do usuário, considerando a manutenção e escalabilidade do projeto a longo prazo. Foi gratificante ver como decisões estruturais podem impactar diretamente na clareza e confiança de quem acessa o site. Agora o próximo passo seria iterar e avaliar como essas mudanças iriam impactar na percepção dos usuários perante aqueles equipamentos. Seriam necessárias algumas métricas de sucesso para entendermos se as escolhas que foram feitas fazem sentido ou se seria necessário adaptações em algum fluxo para melhorar a navegação.
