Saltar al contenido

Product design, liderazgo y la serie Harness Design

Portafolio

Occatu

El desafío de Occatu era cambiar la percepción de sus clientes y leads, para que la vieran como una empresa más moderna y tecnológica.

Parte superior del sitio de Occatu, con el titular Reduza Emissões e Atenda a Padrões ESG (Reduce emisiones y cumple con los estándares ESG) sobre una foto aérea de bosque cerrado
Disciplina
Web design
Cliente
Occatu
Año
2024
Rol
UX/UI Designer, Desarrollador no-code, Copywriter

Indicadores

Considerando los accesos orgánicos, el engagement aumentó entre diciembre de 2024 y febrero de 2025

Promedio de páginas por sesión
+17%
El promedio de páginas que visitan las personas durante cada sesión
Tasa de rebote
-19%
Visitantes que salieron del sitio tras ver una sola página
Duración promedio de la sesión
-52%
El tiempo promedio que las personas pasan en el sitio bajó
Páginas entregadas
100%
El proyecto en su conjunto se finalizó y 7 páginas se entregaron a tiempo

Contexto

La empresa Occatu, antes conocida como Fábrica Biológica, tiene más de 20 años de experiencia en consultoría y estrategias de bajo carbono. En 2024 decidió invertir en una plataforma SaaS para aumentar su capacidad de atención. Eso hizo necesario asumir un nuevo posicionamiento en el mercado, y un sitio nuevo era fundamental, dado que la empresa opera de forma remota.

El sitio debía seguir algunos requisitos de la identidad visual, mostrando robustez y modernidad. El impacto visual tenía que ser importante para mostrar el cambio entre el sitio anterior y el nuevo, con recursos más avanzados de tecnología.

Problema

¿Cómo hacer que clientes y leads perciban a Occatu como una empresa seria y capaz de resolver problemas complejos de la gestión de bajo carbono?

Responsabilidades

  • UX/UI Designer
  • Desarrollador no-code
  • Copywriter
  • Facilitación
  • Atención al cliente

Entregables e indicadores

El indicador principal del proyecto era publicar el sitio nuevo para que la empresa pudiera iniciar su nuevo posicionamiento en línea, porque eso consideraba otros puntos de contacto, como las redes sociales.

La empresa no tenía acceso a las métricas de acceso del sitio anterior, y no pudimos definir una métrica para comparar.

Proceso

Este proceso siguió un cronograma de proyecto con las etapas más comunes del web design: briefing, creación de contenido, wireframes, diseño visual y lanzamiento.

Descubrimiento

Se realizó un briefing con el cliente, seguido de un benchmarking y un análisis de aspectos visuales que se validaron con los stakeholders.

El descubrimiento empezó con una entrevista inicial con el cliente, seguida de un cuestionario y luego una sesión de debriefing para resolver dudas con el cliente.

La segunda etapa del descubrimiento fue el benchmarking, en el que se evaluaron 10 competidores directos e indirectos y el sitio anterior de la empresa. A partir de esa investigación identificamos los puntos en común que usaban y definimos una arquitectura.

Panel de benchmarking con capturas de once sitios competidores, cada sección marcada en rojo y numerada
Benchmarking de 10 competidores directos e indirectos, más el sitio anterior de la empresa

Ideación

Se hizo un trabajo de jerarquía e inventario de contenido, así como wireframes de baja fidelidad para validar con el cliente.

Cuadro de arquitectura de contenido con notas adhesivas, con el objetivo de la home y las secciones de las demás páginas
Inventario de contenido y wireframes de baja fidelidad, para validar con el cliente
Wireframes de baja fidelidad de las páginas del sitio, de la home a contacto, en gris
Wireframes de baja fidelidad de las siete páginas, para validar con el cliente

Trabajé en las narrativas con apoyo de inteligencia artificial para crear un storytelling para la página. También me basé en estudios de páginas de empresas competidoras para crear una arquitectura de contenido.

Este fue un trabajo colaborativo con el cliente, en el que pudimos evolucionar la estructura de las páginas de forma rápida e iterativa.

Diseño

Sitio en un celular, con el texto sobre el equipo multidisciplinario y la marca Occatu sobre una foto de bosque

El concepto visual se hizo en Figma a partir de la identidad visual y de los requisitos del proyecto. Otra parte del web design se hizo directamente en el front-end, con no-code.

Home del sitio en inglés, con el titular Transform the Emissions Management with the Occatu Platform junto a la pantalla del inventario de emisiones
Home en su versión en inglés

Lanzamiento

El lanzamiento se hizo alineando la fecha con el área de marketing de la empresa.

Resultados y aprendizajes

La gestión de stakeholders fue un desafío, y yo podría haber hecho más y mejores alineaciones de expectativas para agilizar el proceso.

El lanzamiento fue un éxito para el cliente, que quedó contento con el nuevo posicionamiento de la empresa.

Home de Occatu en un iMac, con el titular Reduza Emissões e Atenda a Padrões ESG (Reduce emisiones y cumple con los estándares ESG) y la franja Clientes que confiam (Clientes que confían) debajo
Home entregada, con la franja de prueba social justo debajo del pliegue

Sería importante tener algunos indicadores del sitio anterior para hacer una comparación con el nuevo sitio, de modo que podríamos medir las tasas de engagement.

Considerando la versión actual, podríamos hacer pruebas A/B para mejorar el engagement, y también trabajar mejor los indicadores.