¡Empieza hoy a hacer crecer tu negocio en digital!Contacto directo
Caso de éxito · Web corporativa

hatch

Diseñamos para hatch una web corporativa rápida que lleva su logotipo minimalista a cada página y pone el contenido en primer plano. El equipo ya publica nuevas páginas y contenidos sin depender de un desarrollador.

hatch
Sector
Marca
Mercado
TR
Año
2026
Duración
7 semanas
Plataforma
Next.js + Sanity
En cifras

Resultados destacados

+36%Sesiones orgánicasSesiones mensuales desde búsqueda orgánica frente a la web anterior.
1.3 sLCP en móvilLargest Contentful Paint en una conexión 4G típica.
98Rendimiento en LighthousePuntuación de rendimiento en móvil de la página de inicio.
+25%Contactos por formularioFormularios de contacto completados al mes.

* Las cifras son datos de ejemplo y se sustituirán por datos reales antes de publicar.

Punto de partida

Necesidades y objetivos

hatch tenía una marca limpia y tipográfica, pero la web anterior no lo reflejaba: una plantilla recargada, imágenes pesadas y páginas difíciles de actualizar. Añadir contenido exigía recurrir cada vez a ayuda externa.

El objetivo era una web que conservara el tono minimalista de la marca, presentara el contenido con una jerarquía clara y cargara muy rápido. También entraban en el proyecto un panel que el equipo pudiera gestionar por su cuenta y una base sólida de SEO técnico.

Objetivos
  • Una interfaz sobria coherente con la marca
  • Jerarquía de contenidos clara
  • Un panel que el equipo gestione solo
  • Velocidad y SEO técnico
Enfoque

Cómo trabajamos

  1. 01

    Auditoría de contenidos

    Revisamos las páginas existentes y decidimos qué unir, simplificar y reescribir.

  2. 02

    Sistema de diseño tipográfico

    Partiendo del logotipo, creamos un sistema de escalas tipográficas, espaciados y componentes.

  3. 03

    Panel de contenidos modular

    Diseñamos un modelo de contenidos que permite crear páginas nuevas combinando bloques.

  4. 04

    Rendimiento y SEO

    Publicamos con generación estática, imágenes optimizadas y datos estructurados.

Resultado

Tras el lanzamiento

La nueva web carga en 1,3 segundos en móvil y la página de inicio obtiene un 98 de rendimiento en Lighthouse. Una estructura de contenidos más clara y el SEO técnico hicieron crecer las sesiones orgánicas en torno a un 36 %.

Unas páginas más sencillas llevan al visitante al contacto por un camino más corto, y los formularios completados aumentaron un 25 % al mes. El equipo publica ya sus contenidos sin ayuda externa.

Estamos preparando con el equipo un calendario editorial y añadiendo nuevos bloques de página a medida que se necesitan.

Sesiones orgánicas mensuales: web anterior frente a la nueva1450mar1560abr1630may1720jun1760jul1850ago
AntesDespués

* Las cifras son datos de ejemplo y se sustituirán por datos reales antes de publicar.

Solución

Qué desarrollamos

01

Interfaz tipográfica

Páginas amplias y legibles, en sintonía con el logotipo minimalista de la marca.

02

Constructor de páginas por bloques

Nuevas páginas a partir de bloques ya preparados, sin desarrollador.

03

Vista previa en directo

Los cambios del panel se ven antes de publicarlos.

04

Imágenes optimizadas

Las imágenes se adaptan solas a cada dispositivo y se sirven en formatos modernos.

05

Base de SEO técnico

Sitemap automático, campos meta y datos estructurados.

06

Analítica respetuosa con la privacidad

Medición de visitas sencilla y sin cookies.

Calendario del proyecto

  1. Semana 1Auditoría de contenidos y mapa del sitio
  2. Semanas 2-3Sistema de diseño e interfaz
  3. Semanas 4-5Desarrollo y panel de contenidos
  4. Semana 6Carga de contenidos y SEO técnico
  5. Semana 7Pruebas y lanzamiento

Alcance

  • Web corporativa
  • Estructura de contenidos
  • Panel de gestión
  • SEO técnico

Tecnología

Next.jsSanityTypeScriptTailwind CSSVercelPlausible AnalyticsFigma
Consultoría gratuita

¿Tienes en mente algo parecido?

Hablemos de tus objetivos y tracemos un plan en una llamada gratuita.