Lunazu | Website Agrotech (UI Case)[PT-BR]
Lunazu | Website Agrotech (UI Case)[PT-BR]
Lunazu | Website Agrotech (UI Case)[PT-BR]



Year
2023
Client
Lunazu
Category
Website Design, UI Case
Product Duration
3 months
Unificando 4 SaaS em uma experiência de produto com direção de arte estratégica
Unificando 4 SaaS em uma experiência de produto com direção de arte estratégica
Unificando 4 SaaS em uma experiência de produto com direção de arte estratégica
Como Head de Produto, liderei a criação de 4 SaaS especializados para o agronegócio e, pessoalmente, desenhei o site que os unifica. O desafio era transformar um ecossistema complexo (Corte, Leite, Agricultura, Granja) em uma navegação clara e acolhedora. A solução foi uma direção de arte baseada em psicologia de cores e heurísticas de UX (como a Lei de Hick e Gestalt), que equilibra a tradição do campo com a ousadia da tecnologia. O resultado é uma experiência que segmenta, educa e converte o produtor sem sobrecarregá-lo.
Como Head de Produto, liderei a criação de 4 SaaS especializados para o agronegócio e, pessoalmente, desenhei o site que os unifica. O desafio era transformar um ecossistema complexo (Corte, Leite, Agricultura, Granja) em uma navegação clara e acolhedora. A solução foi uma direção de arte baseada em psicologia de cores e heurísticas de UX (como a Lei de Hick e Gestalt), que equilibra a tradição do campo com a ousadia da tecnologia. O resultado é uma experiência que segmenta, educa e converte o produtor sem sobrecarregá-lo.
Cores, Tipografia e design :)
Cores, Tipografia e design :)
A direção de arte da Lunazu foi pensada para gerar confiança imediata no produtor rural, e isso começa pela paleta de cores e pelas fontes. Apliquei a regra 60/30/10 para equilibrar familiaridade, estrutura e inovação:
60% (Dominante — Off-white e Bege claro): Garante que os textos sejam legíveis em qualquer dispositivo e luz. Cria uma base limpa que não compete com o conteúdo.
30% (Secundária — Marrom e Verde Escuro): Esses tons quentes ancoram o usuário na terra, no pasto e na tradição. Eles foram estrategicamente usados em fundos de hero e blocos de destaque, transmitindo simpatia, conforto e segurança. O produtor se sente acolhido, não invadido.
10% (Destaque — Verde Limão #ECF025): O elemento de ruptura. Uma cor que não existe no campo, que remete a dados, tecnologia e inteligência artificial. Usada em badges e CTAs, ela sinaliza a transformação digital sem agredir o olhar.
Tipografia (uma grotesk como body):
Avenir (Humanista): Utilizada nos títulos e elementos de destaque. Avenir tem uma estrutura humanista, com terminações suaves e curvas orgânicas. Ela transmite calidez, humanidade e sofisticação, criando uma ponte visual com o produtor que valoriza o contato humano e a experiência prática.
Omega Sans (Grotesk): Utilizada nos textos de apoio, rótulos e dados. A Omega Sans é mais geométrica, neutra e racional. Ela comunica eficiência, precisão e tecnologia, sendo altamente legível em telas pequenas e em condições adversas de luz (como dentro de um trator ou curral). É a "voz objetiva" da tecnologia.
A direção de arte da Lunazu foi pensada para gerar confiança imediata no produtor rural, e isso começa pela paleta de cores e pelas fontes. Apliquei a regra 60/30/10 para equilibrar familiaridade, estrutura e inovação:
60% (Dominante — Off-white e Bege claro): Garante que os textos sejam legíveis em qualquer dispositivo e luz. Cria uma base limpa que não compete com o conteúdo.
30% (Secundária — Marrom e Verde Escuro): Esses tons quentes ancoram o usuário na terra, no pasto e na tradição. Eles foram estrategicamente usados em fundos de hero e blocos de destaque, transmitindo simpatia, conforto e segurança. O produtor se sente acolhido, não invadido.
10% (Destaque — Verde Limão #ECF025): O elemento de ruptura. Uma cor que não existe no campo, que remete a dados, tecnologia e inteligência artificial. Usada em badges e CTAs, ela sinaliza a transformação digital sem agredir o olhar.
Tipografia (uma grotesk como body):
Avenir (Humanista): Utilizada nos títulos e elementos de destaque. Avenir tem uma estrutura humanista, com terminações suaves e curvas orgânicas. Ela transmite calidez, humanidade e sofisticação, criando uma ponte visual com o produtor que valoriza o contato humano e a experiência prática.
Omega Sans (Grotesk): Utilizada nos textos de apoio, rótulos e dados. A Omega Sans é mais geométrica, neutra e racional. Ela comunica eficiência, precisão e tecnologia, sendo altamente legível em telas pequenas e em condições adversas de luz (como dentro de um trator ou curral). É a "voz objetiva" da tecnologia.

Estética que vende - Direção de arte e produto
Estética que vende - Direção de arte e produto
Mesmo lidando com gestão nesse projeto, eu criei pessoalmente o site com muito carinho, era um sistema complexo e desafiador e me interessei muito nesa busca pela comunicação visual perfeita. (ok, é porque eu gosto de criar também 🥹)
O maior desafio técnico da Lunazu foi unificar 4 produtos SaaS (Corte, Leite, Agricultura, Granja) em uma única experiência sem gerar sobrecarga cognitiva. A solução foi uma arquitetura de informação baseada em Heurísticas de Nielsen e Leis de Gestalt.
Parece loucura mas porque da Navegação Dual ( E porque funciona essa peculiaridade):
Menu Direito (Navegação entre produtos): O produtor de leite clica em "Pecuária Leiteira". O avicultor clica em "Granja". Isso aplica a Lei de Hick: menos opções, decisão mais rápida. Eliminei o ruído de produtos que não interessam àquele perfil.
Menu Esquerdo (Âncoras internas): Uma vez dentro do produto certo, o menu esquerdo funciona como um "sumário executivo" da página (Problema, Solução, Dados, Contato). Aplica a Heurística de Reconhecimento em vez de Memorização: o usuário nunca precisa decorar onde está.
São muitos sistemas e essa forma de navegação deixa mais interativo e dividido os produtos.
Neo-brutalismo como estratégia de produto:
O estilo adotado é um Minimalismo com influência de Neobrutalismo sutil.
O minimalismo está nos espaços amplos, grids claros e hierarquia visual forte. Isso elimina o ruído e permite que o usuário foque no que realmente importa: os dados da sua produção e as soluções para o seu negócio. Essa estética também confere um ar tecnológico e elegante, com um toque de soft luxury, algo muito bem recebido pelo nosso público-alvo, que é profundamente influenciado pelos padrões de qualidade e experiência das big techs estadunidenses.
Já o Neobrutalismo entra com suas bordas definidas, contornos geométricos, tipografia ousada e alto contraste. Ele comunica coragem, confiança e ousadia tecnológica, exatamente o que um produtor rural precisa sentir para adotar uma nova ferramenta. Aqui, o Neobrutalismo é sutil porque não queremos agredir o olhar, apenas marcar posição e entregar personalidade.
O resultado disso tudo: Não queremos ser apenas mais um SaaS genérico no mercado. Queremos uma identidade visual marcante que, por si só, já justifique uma percepção de valor maior e uma decisão de compra mais confiante por parte do usuário.
Mesmo lidando com gestão nesse projeto, eu criei pessoalmente o site com muito carinho, era um sistema complexo e desafiador e me interessei muito nesa busca pela comunicação visual perfeita. (ok, é porque eu gosto de criar também 🥹)
O maior desafio técnico da Lunazu foi unificar 4 produtos SaaS (Corte, Leite, Agricultura, Granja) em uma única experiência sem gerar sobrecarga cognitiva. A solução foi uma arquitetura de informação baseada em Heurísticas de Nielsen e Leis de Gestalt.
Parece loucura mas porque da Navegação Dual ( E porque funciona essa peculiaridade):
Menu Direito (Navegação entre produtos): O produtor de leite clica em "Pecuária Leiteira". O avicultor clica em "Granja". Isso aplica a Lei de Hick: menos opções, decisão mais rápida. Eliminei o ruído de produtos que não interessam àquele perfil.
Menu Esquerdo (Âncoras internas): Uma vez dentro do produto certo, o menu esquerdo funciona como um "sumário executivo" da página (Problema, Solução, Dados, Contato). Aplica a Heurística de Reconhecimento em vez de Memorização: o usuário nunca precisa decorar onde está.
São muitos sistemas e essa forma de navegação deixa mais interativo e dividido os produtos.
Neo-brutalismo como estratégia de produto:
O estilo adotado é um Minimalismo com influência de Neobrutalismo sutil.
O minimalismo está nos espaços amplos, grids claros e hierarquia visual forte. Isso elimina o ruído e permite que o usuário foque no que realmente importa: os dados da sua produção e as soluções para o seu negócio. Essa estética também confere um ar tecnológico e elegante, com um toque de soft luxury, algo muito bem recebido pelo nosso público-alvo, que é profundamente influenciado pelos padrões de qualidade e experiência das big techs estadunidenses.
Já o Neobrutalismo entra com suas bordas definidas, contornos geométricos, tipografia ousada e alto contraste. Ele comunica coragem, confiança e ousadia tecnológica, exatamente o que um produtor rural precisa sentir para adotar uma nova ferramenta. Aqui, o Neobrutalismo é sutil porque não queremos agredir o olhar, apenas marcar posição e entregar personalidade.
O resultado disso tudo: Não queremos ser apenas mais um SaaS genérico no mercado. Queremos uma identidade visual marcante que, por si só, já justifique uma percepção de valor maior e uma decisão de compra mais confiante por parte do usuário.

Resultado
Resultado
Este projeto não foi apenas sobre fazer um site bonito. Foi sobre arquitetar uma solução de produto que resolvesse um problema de negócio real: a confusão e o abandono do usuário ao navegar por produtos complexos.
Resultados esperados e Lições Aprendidas:
Arquitetura Modular: A estrutura dos 4 SaaS me permitiu escalar a oferta da Lunazu. Hoje, se necessário, posso adicionar um 5º ou 6º SaaS (ex: Gestão de Máquinas) simplesmente adicionando uma nova opção no menu direito e criando uma nova seção no site, sem quebrar o fluxo de navegação existente.
Aumento na Taxa de Conversão: Ao levar o produtor diretamente para a página do SaaS que interessa a ele (menu direito), reduzimos drasticamente a taxa de rejeição (bounce rate) e o tempo de decisão, pois eliminamos o ruído causado por informações irrelevantes.
Liderança de Produto: Este case é a prova viva de que consigo navegar por todos os níveis do design de produto: da visão estratégica e definição de roadmaps (como Head de Produto) até o detalhe final do pixel (como a designer do site). Entendo o negócio, entendo a operação e sei como o design serve a ambos.
A Lunazu não é apenas um exemplo de estética. É um testemunho de como uma inovação calculada, aliada ao design estratégico, pode construir um ecossistema digital forte e unificado em um mercado complexo e tradicional.
Este projeto não foi apenas sobre fazer um site bonito. Foi sobre arquitetar uma solução de produto que resolvesse um problema de negócio real: a confusão e o abandono do usuário ao navegar por produtos complexos.
Resultados esperados e Lições Aprendidas:
Arquitetura Modular: A estrutura dos 4 SaaS me permitiu escalar a oferta da Lunazu. Hoje, se necessário, posso adicionar um 5º ou 6º SaaS (ex: Gestão de Máquinas) simplesmente adicionando uma nova opção no menu direito e criando uma nova seção no site, sem quebrar o fluxo de navegação existente.
Aumento na Taxa de Conversão: Ao levar o produtor diretamente para a página do SaaS que interessa a ele (menu direito), reduzimos drasticamente a taxa de rejeição (bounce rate) e o tempo de decisão, pois eliminamos o ruído causado por informações irrelevantes.
Liderança de Produto: Este case é a prova viva de que consigo navegar por todos os níveis do design de produto: da visão estratégica e definição de roadmaps (como Head de Produto) até o detalhe final do pixel (como a designer do site). Entendo o negócio, entendo a operação e sei como o design serve a ambos.
A Lunazu não é apenas um exemplo de estética. É um testemunho de como uma inovação calculada, aliada ao design estratégico, pode construir um ecossistema digital forte e unificado em um mercado complexo e tradicional.



Let'S WORK
TOGETHER
BASED IN São Paulo,
Brazil

Product & Interactive Designer +
Creative Developer
Let'S WORK
TOGETHER
BASED IN São Paulo,
Brazil

Product & Interactive Designer +
Creative Developer
Let'S WORK
TOGETHER
BASED IN São Paulo,
Brazil

Product & Interactive Designer +
Framer/webflow Developer
Let'S WORK
TOGETHER
BASED IN São Paulo,
Brazil

Product & Interactive Designer +
Creative Developer