Saltar al contenido
gposse
ESEN

← Volver al trabajoSitio web · Diseño, desarrollo y SEO · 2026

Inmental

La web de Inmental Interactive, la agencia donde trabajo. La planifiqué, la diseñé y la construí con IA.

Ver la web en vivo ↗

---

rol:
Planificación, diseño y desarrollo
empresa:
Inmental Interactive
con qué:
Figma, Claude Code, Codex, Next.js y GSAP
objetivo:
Aparecer en Google y en las respuestas de la IA
año:
2026

---

inmental.mp4

Inmental vende experiencias interactivas. La web tenía que sentirse así, no solo decirlo.

Qué es Inmental

Inmental Interactive arma experiencias interactivas para marcas en eventos: juegos con movimiento, muros y pisos interactivos, fotos con IA, realidad virtual y pantallas inmersivas. Hace más de 300 activaciones por año.

Cómo lo planifiqué

Arranqué por la estructura, pensada también para la búsqueda: una página por cada uno de los ocho tipos de activación, una por cada una de las cinco industrias, los casos, nosotros y contacto. Así cada servicio tiene su propia página que se puede encontrar, y cada página puede crecer cuando llega más material.

El contenido llegó de a partes. Empecé con el material de un solo caso, Adidas, y fui sumando fotos y videos a medida que el community manager me los pasaba. Por eso diseñé plantillas que funcionaran con poco contenido y con mucho.

Decisiones

  1. 01

    El color lo ponen las activaciones

    Descarté el color de acento de la marca. La interfaz es oscura y neutra, y el color sale de las fotos y videos de los eventos. Así el trabajo real es lo más vistoso de cada pantalla.

  2. 02

    Sin barra de navegación clásica

    Con Obys como referencia, el logo va grande y fijo, como parte de la composición, y el menú es una columna contra el borde derecho. El centro queda libre para que las imágenes y los videos sean lo más grandes posible.

  3. 03

    Los servicios, sin salir de la home

    Los ocho tipos de activación funcionan como un índice dentro de la home: elegís uno y la grilla muestra sus fotos y videos. Avanzan solos cada algunos segundos, así la página se mueve aunque nadie la toque, y se pueden pausar. Para ver un servicio completo hay un botón aparte: explorar y profundizar son dos acciones distintas.

  4. 04

    Un caso como una ficha

    Cada caso abre con la marca, el contexto y el lugar, y después cuenta la idea, qué se armó, cómo funcionaba y qué se llevó la gente. La galería se abre para ver el detalle del tótem, la interfaz y las piezas.

El titular sobre tres videos de activaciones.

01 / 04 · El titular sobre tres videos de activaciones.

Cómo trabajé con IA

Trabajé con Claude Code y Codex como con un desarrollador al que hay que dirigir con precisión. Les pasé la estética de la marca desde Figma y tres referencias concretas, revisé cada versión en el navegador y devolví correcciones puntuales: alineaciones, tiempos de animación y jerarquía.

Cuando algo fallaba y no se veía en el código, grababa la pantalla. Así resolvimos un parpadeo en negro entre imágenes: probamos varios efectos hasta llegar a una transición limpia, y después hubo una pasada de optimización porque las transiciones trababan el navegador.

Los textos salieron del mismo ida y vuelta. Armé skills con reglas de redacción para que los agentes escribieran en el tono de la marca, y los corregí en varias vueltas hasta que sonaran a Inmental.

Para el posicionamiento instalé skills de SEO en el agente y las usé en cada página: títulos y descripciones, datos estructurados de la empresa, una sección de preguntas frecuentes con lo que la gente busca y textos que dicen con claridad qué hace Inmental y para quién. Eso es lo que leen Google y las IA.

Resultado

La web tiene menos de un mes online, así que todavía no hay datos de tráfico ni de consultas que valga la pena mostrar.

  • Ocho páginas de activaciones, cinco de industrias, los casos, nosotros y contacto.
  • Online e indexada en Google desde septiembre de 2026.
  • Próximo paso: un panel para que el community manager cargue contenido sin pasar por mí.

Aprendizajes

  1. 01

    El posicionamiento empieza en la estructura

    No es algo que se agrega al final. Una página por servicio y por industria hizo que cada cosa que hace Inmental se pueda encontrar por separado.

  2. 02

    Escribir para personas y para la IA a la vez

    Un texto que dice claro qué hace la empresa y para quién le sirve al que visita la web y también a la IA que decide a quién recomendar.

  3. 03

    Diseñar para el contenido que todavía no llegó

    Empecé con un solo caso. Las plantillas tenían que verse bien con uno y con veinte, porque el material llega de a partes.