Pular para o conteúdo

Design de produto, liderança e a série Harness Design

Portfólio

Occatu

O desafio da Occatu era mudar a percepção de seus clientes e leads, para que a vissem como uma empresa mais moderna e tecnológica.

Topo do site da Occatu, com a manchete Reduza Emissões e Atenda a Padrões ESG sobre foto aérea de mata fechada
Disciplina
Web design
Cliente
Occatu
Ano
2024
Papel
UX/UI Designer, Nocode developer, Copywriter

Indicadores

Considerando acessos orgânicos, o engajamento aumentou entre Dezembro de 2024 e Fevereiro de 2025

Média de páginas por sessão
+17%
A média de páginas que as pessoas visitam durante as sessões
Taxa de rejeição
-19%
Visitantes que saíram do site depois de visualizar apenas uma página
Duração média da sessão
-52%
O tempo médio que as pessoas passam no site caiu
Páginas entregues
100%
O projeto como um todo foi finalizado e 7 páginas foram entregues no prazo

Contexto

A Occatu, antes conhecida como Fábrica Biológica é uma empresa com mais de 20 anos de experiência em consultoria e estratégias de baixo carbono. Em 2024 decidiu investir em uma plataforma SaaS para aumentar sua capacidade de atendimento, com isso se fez necessário assumir um novo posicionamento no mercado e um site novo seria fundamental, dado que a empresa funciona de forma remota.

O site deveria seguir alguns requisitos da identidade visual, demonstrando robustez e modernidade, o impacto visual deveria ser importante para mostrar a mudança entre o site antigo e o novo, utilizando recursos mais avançados de tecnologia.

Problema

Como fazer com que clientes e leads percebam a occatu como uma empresa séria e capaz de resolver problemas complexos da gestão de baixo carbono?

Atuação e responsabilidades

  • UX/UI Designer
  • Nocode developer
  • Copywriter
  • Facilitação
  • Atendimento

Entregáveis e indicadores

O principal indicador do projeto era disponibilizar o novo site para que a empresa pudesse iniciar seu novo posicionamento online, pois isso considerava outros pontos de contato como as redes sociais.

A empresa não tinha acesso à métricas de acesso do site antigo, e não pudemos definir uma métrica para comparativo.

Processo

Este processo seguiu um cronograma de projeto com etapas mais comuns para webdesign, como briefing, criação de conteúdo, wireframes, visual e lançamento.

Descoberta

Foi realizado um briefing com o cliente, logo após um benchmarking e análise de aspectos visuais que foram validados com os stakeholders.

A descoberta iniciou com uma entrevista inicial com o cliente, seguido de um questionário e depois um debriefing para sanar dúvidas com o cliente.

A segunda etapa da descoberta foi o benchmarking onde foram avaliados 10 concorrentes diretos e indiretos e o antigo site da empresa, a partir dessa pesquisa avaliamos os pontos em comuns utilizados e definimos uma arquitetura.

Painel de benchmarking com capturas de onze sites concorrentes, cada seção marcada em vermelho e numerada
Benchmarking de 10 concorrentes diretos e indiretos, mais o site antigo da empresa

Ideação

Foi realizado um trabalho de hierarquia e inventário de conteúdo assim como wireframes de baixa fidelidade para validação com cliente.

Quadro de arquitetura de conteúdo em post-its, com o objetivo da home e as seções das outras páginas
Inventário de conteúdo e wireframes de baixa fidelidade, para validação com o cliente
Wireframes de baixa fidelidade das páginas do site, de home a contato, em cinza
Wireframes de baixa fidelidade das sete páginas, para validação com o cliente

Trabalhei em narrativas com o apoio de Inteligência Artificial para criar um storytelling para a página, também me fundamentei nos estudos de descobertas de páginas de empresas concorrentes para criar uma arquitetura de conteúdo.

Este foi um trabalho colaborativo com o cliente onde pudemos evoluir a estrutura das páginas de forma rápida e iterativa.

Design

Site em um celular, com o texto sobre a equipe multidisciplinar e a marca Occatu sobre foto de floresta

O conceito visual foi feito no Figma a partir da identidade visual e dos requisitos do projeto. Outra parte do webdesign foi feito diretamente no front-end no code.

Home do site em inglês, com a manchete Transform the Emissions Management with the Occatu Platform ao lado da tela do inventário de emissões
Home na versão em inglês

Lançamento

O lançamento foi feito alinhando a data e com a área de marketing da empresa.

Resultados e aprendizados

A gestão de stakeholders foi um desafio e eu poderia ter feito mais e melhores alinhamentos de expectativas para agilizarmos o processo.

O lançamento foi um sucesso para o cliente, que ficou feliz com o novo posicionamento da empresa.

Home da Occatu em um iMac, com a manchete Reduza Emissões e Atenda a Padrões ESG e a faixa Clientes que confiam abaixo
Home entregue, com a faixa de prova social logo abaixo da dobra

Seria importante ter alguns indicadores do site anterior para realizar um comparativo com o novo site, dessa forma poderíamos medir taxas de engajamento.

Considerando a versão atual, poderíamos fazer testes A/B para melhorar o engajamento, assim como trabalhar melhor os indicadores.