Website para líder global em nutrição vegetal e soluções biológicas
A Stoller, presente em mais de 50 países, é reconhecida como líder mundial em nutrição com foco na fisiologia vegetal e soluções biológicas. A empresa oferece ao agricultor um conjunto de ferramentas que integram conhecimento técnico, pesquisa e tecnologia, atuando em todos os estágios de desenvolvimento das plantas.
Cliente
Stoller
Duração
3 meses
Demandas
UI/UX Design, Web Design, Wordpress
Website para líder global em nutrição vegetal e soluções biológicas
A Stoller, presente em mais de 50 países, é reconhecida como líder mundial em nutrição com foco na fisiologia vegetal e soluções biológicas. A empresa oferece ao agricultor um conjunto de ferramentas que integram conhecimento técnico, pesquisa e tecnologia, atuando em todos os estágios de desenvolvimento das plantas.
Duração
3 meses
Cliente
Stoller
Demandas
UI/UX Design, Web Design, Wordpress
Website para líder global em nutrição vegetal e soluções biológicas
A Stoller, presente em mais de 50 países, é reconhecida como líder mundial em nutrição com foco na fisiologia vegetal e soluções biológicas. A empresa oferece ao agricultor um conjunto de ferramentas que integram conhecimento técnico, pesquisa e tecnologia, atuando em todos os estágios de desenvolvimento das plantas.
Duração
3 meses
Cliente
Stoller
Demandas
UI/UX Design, Web Design, Wordpress
O problema
Em 2019 quando trabalhava para a agência Rezz, recebemos o desafio de construir o site da Stoller Brasil do zero. Era necessário compilar e organizar uma grande quantidade de conteúdo e ideias de maneira que a navegação fosse intuitiva e eficiente. O projeto exigia também a criação de uma área dedicada às principais culturas trabalhadas pela Stoller, detalhando suas fases, soluções integradas e resultados de pesquisas. Além disso, era essencial desenvolver uma seção para destacar os produtos e principais programas da empresa, além de uma seção com materiais educativos para os produtores rurais.
O desafio incluía atender às necessidades específicas da Stoller, mantendo sua identidade global já estabelecida.
Meu papel
Liderança e mentoria técnica.
Colaboração com as equipes da agência Rezz e de marketing da Stoller para estruturação de conteúdo.
Pesquisa, Wireframing, Prototipagem e UI Design.
Desenvolvimento front-end (HTML, CSS, Javascript) utilizando a plataforma CMS WordPress.
Configuração dos ambientes de homologação e produção, realização de testes funcionais, de performance e de segurança, e publicação do website.
Realizando pesquisas
O primeiro passo foi realizar uma entrevista com os stakeholders na sede da Stoller em Campinas-SP, onde conseguimos obter insights significativos sobre as principais necessidades que o projeto demandava. Depois disso, realizamos uma análise competitiva e identificamos um padrão de conteúdo e algumas práticas que serviriam para a base do nosso projeto.
O próximo passo foi conduzir um Card Sorting aberto com as equipes da Rezz e da Stoller, o que foi essencial para a organização e categorização das informações na estrutura do projeto.
Estruturando o projeto
O objetivo era criar um sitemap que não apenas refletisse a vasta gama de informações da Stoller, mas que também fosse intuitivamente simples e eficiente para os usuários. Outro ponto importante era manter uma estrutura que fosse escalável, em que fosse possível adicionar novos produtos, programas e conteúdo sem ter que alterar a estrutura do projeto.
Desenhando wireframes e protótipos
Nesta fase, começamos a testar como deveria ser a disposição e a hierarquia de conteúdo das páginas. Tivemos muito trabalho e um cuidado especial nesta etapa, uma vez que algumas seções demandavam muita informação, e foi preciso realizar muitos testes para encontrarmos as melhores e mais simples soluções para a base do projeto. Depois de criar um protótipo inicial, realizamos alguns testes de usabilidade para avaliar a facilidade da navegação principal do site.
UI Design
A equipe de marketing da Stoller disponibilizou um ótimo material de apoio, com excelentes imagens autorais que gostariam de incluir no projeto. Por outro lado, o site precisava ter um visual, de certa forma, minimalista, para dar ênfase ao seu extenso conteúdo. Equilibrar estas opções, manter a identidade da marca e atender às expectativas dos stakeholders foi um desafio à parte.
UI Design
A equipe de marketing da Stoller disponibilizou um ótimo material de apoio, com excelentes imagens autorais que gostariam de incluir no projeto. Por outro lado, o site precisava ter um visual, de certa forma, minimalista, para dar ênfase ao seu extenso conteúdo. Equilibrar estas opções, manter a identidade da marca e atender às expectativas dos stakeholders foi um desafio à parte.
Design visual
Com sua identidade visual já estabelecida, foi necessário apenas uma expansão da paleta de cores, considerando cores neutras e de suporte para o projeto. Fiz também uma seleção de ícones customizados para a seção de culturas, um dos conteúdos em destaque do projeto.
Azul Escuro
#064173
Azul Cobalto
#095DA5
Azul Claro
#459DD7
Verde Escuro
#1F7733
Verde Esmeralda
#009640
Verde Limão
#A6CE39
Rosa Carmim
#CB3955
Laranja
#F39200
Amarelo
#F6DC06
Cinza Escuro
#5A5A5A
Cinza Médio
#CCCCCC
Cinza Claro
#F3F3F3
Responsividade e otimização
Um outro desafio que tivemos neste projeto foi adaptar suas funcionalidades e fazer com que todas as suas páginas extensas fossem exibidas de maneira eficaz em dispositivos menores. Tivemos que aqui estabelecer algumas prioridades e otimizar boa parte do conteúdo para se manter eficiente e não afetar a performance do site.
Desenvolvendo em Wordpress
Além de ser responsável pelo desenvolvimento do projeto, fiquei encarregado de configurar os ambientes de homologação e produção, desenvolver o front-end em Wordpress e publicar o site após a finalização. Durante o processo, realizamos a validação em etapas com o cliente, permitindo correções imediatas para garantir uma execução eficiente. Realizei também a otimização de todas as imagens, conduzi testes funcionais e de performance, e reforcei a segurança do ambiente de produção.
Escolhemos o Wordpress como a principal ferramenta deste projeto devido à sua simplicidade na gestão e atualização do site, eliminando a necessidade de conhecimento avançado em programação e facilitando o gerenciamento do conteúdo pela equipe de marketing da Stoller.
Considerações finais
Minha participação neste projeto da Stoller, assumindo papéis tanto de liderança quanto operacional, foi uma experiência repleta de desafios únicos e ricas oportunidades de aprendizagem. Cada projeto traz suas próprias complexidades, e este não foi diferente. Atualmente, o site da Stoller Brasil é referência no setor, sendo um dos mais completos em conteúdo disponível para o produtor rural. O sucesso deste projeto deve-se em grande parte à colaboração constante e eficaz com as equipes da agência Rezz e de marketing da Stoller, que garantem a atualização contínua e um excelente trabalho de promoção.
Conforme previsto, novos produtos e conteúdos foram adicionados ao projeto, mantendo-se, no entanto, a sólida base inicial, refletindo o sucesso e a qualidade do nosso trabalho.