Pular para o conteúdo
John Morais, ir para a home

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
Meu papel
UX/UI Designer, Nocode developer, Copywriter

Indicadores

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

+17%

Média de páginas por sessão

A média de páginas que as pessoas visitam durante as sessões

-19%

Taxa de rejeição

Visitantes que saíram do site depois de visualizar apenas uma página

-52%

Duração média da sessão

O tempo médio que as pessoas passam no site caiu

100%

Páginas entregues

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.

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.

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

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.

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.

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.

Benchmarking de 10 concorrentes diretos e indiretos, mais o site antigo da empresa
Inventário e hierarquia de conteúdo, com o objetivo declarado no topo de cada página
Wireframes de baixa fidelidade das sete páginas, para validação com o cliente
Home na versão em inglês
Home entregue, com a faixa de prova social logo abaixo da dobra

Outros projetos

Todos os projetos