UI Design · Prototipação · WordPress · Elementor

Farm Well Hub

Plataforma acessível para inscrição em webinars e suporte a agricultores.

Interface do Farm Well Hub mostrando a plataforma web com design verde e acessível

O Desafio

Levar suporte real
a quem mais precisa.

A Irlanda enfrenta uma das maiores taxas de suicídio entre agricultores da Europa. Isolamento geográfico, estigma em relação a saúde mental e dificuldade de acesso a especialistas formam uma combinação silenciosa e devastadora.

O Farm Well Hub é uma iniciativa do governo irlandês que oferece informação, apoio direto e conexão com especialistas por meio de webinars acessíveis. O projeto foi desenvolvido em parceria com especialistas do setor e instituições governamentais.

O principal desafio de design: permitir que usuários com baixo letramento digital encontrassem conteúdo e se inscrevessem em webinars sem nenhuma barreira.

Como criar uma experiência digital verdadeiramente acessível para um público com baixo letramento digital, em situação de vulnerabilidade emocional, que precisa agir com o mínimo de fricção possível?

Princípios do Projeto

Cada decisão de design partiu de quatro princípios inegociáveis para este público:

  • Menos opções aumentam a ação. Para usuários com baixo letramento digital, múltiplas rotas criam paralisia. O design priorizou um único caminho claro para cada objetivo.

  • Hierarquia clara reduz ansiedade. Em públicos vulneráveis, a ambiguidade visual tem custo emocional. A hierarquia de conteúdo foi projetada para não gerar dúvidas sobre o que fazer a seguir.

  • Acessibilidade é também sobre simplificação. Além de contraste e tamanho mínimo, acessibilidade aqui significou reduzir passos, eliminar linguagem técnica e tornar cada ação óbvia.

  • Confiança antes de conversão. O usuário precisa sentir segurança na plataforma antes de inserir qualquer dado pessoal. O design communica credibilidade desde o primeiro scroll.

Do Wireframe
ao Site em Produção

Etapa 01

Wireframes e Estrutura de Navegação

Embora o cliente tenha optado por não realizar uma fase de pesquisa UX aprofundada, criar wireframes foi uma decisão que tomei para garantir que a estrutura da navegação fosse pensada antes de qualquer detalhe visual.

  • Mapeamento dos fluxos principais: encontrar webinar, ler conteúdo e se inscrever
  • Hierarquia de informação definida para cada tipo de página
  • Estrutura modular que permitisse expansão futura sem refatoração
  • Navegação reduzida ao mínimo necessário para o público-alvo
Wireframe do Farm Well Hub mostrando estrutura de navegação e hierarquia de conteúdo

Etapa 02

Identidade Visual

A identidade visual foi construída para comunicar acolhimento, confiança e pertencimento ao universo rural. Cada escolha tipográfica e cromática passou por validação de contraste e legibilidade para usuários mais velhos.

  • Paleta centrada em tons de verde: conexão com o ambiente rural e sensação de bem-estar
  • Poppins para títulos: modernidade sem perder legibilidade
  • Panton Narrow para corpo de texto: equilíbrio entre densidade e clareza
  • Todos os pares de cor validados para contraste WCAG AA
Paleta de cores do Farm Well Hub com tons de verde e documentação de uso

Etapa 03

Design e Implementação

Com a estrutura e identidade visual definidas, o design foi construído no Figma e implementado diretamente em WordPress com Elementor, garantindo fidelidade entre protótipo e produto final.

  • Cada detalhe de layout pensado para reduzir carga cognitiva
  • Estrutura de webinars com inscrição em poucos passos
  • Conteúdo de suporte organizado por tema para facilitar a busca
  • Versão responsiva com experiência consistente em todos os dispositivos
Interface final do Farm Well Hub em produção mostrando página de webinars

O Site em Imagens

Mockup do Farm Well Hub em dispositivo desktop mostrando layout responsivo
Conjunto de telas do Farm Well Hub mostrando diferentes páginas da plataforma
Variação de tela do Farm Well Hub com ênfase em seção de destaque

Impacto Mensurável

+100 agricultores inscritos na plataforma nos primeiros meses após o lançamento
68% dos inscritos participaram de ao menos um webinar ao vivo
Positivo feedbacks indicando navegação clara e facilidade de encontrar ajuda rapidamente

Aprendizados

Design acessível e bem estruturado pode gerar impacto real. A experiência foi projetada para guiar cada visitante até a inscrição nos eventos, garantindo que o suporte chegasse a quem mais precisava.

Público vulnerável exige ainda mais rigor em UX. Cada clique a mais, cada texto ambíguo ou hierarquia confusa tem custo real para pessoas que já carregam peso emocional. Simplificar não é opcional, é responsabilidade.

Estrutura antes de visual. Trabalhar wireframes antes de qualquer decisão de cor ou tipografia garantiu que a plataforma cumprisse seu objetivo principal: conectar pessoas ao suporte de que precisam.

Quer um designer que entende de dados, não só de pixels?

Me manda uma mensagem. Vamos conversar sobre como posso contribuir com o seu time.