Así diseño webs a medida con IA: creatividad, datos reales y WordPress

En este episodio damos un paso más en la creación de webs con IA.

No hablamos de plantillas ni de “instalar un tema y listo”.

Hablamos de cómo pensar, diseñar y estructurar una web realmente épica , usando inteligencia artificial y WordPress como base.

La idea es mostrar cómo gestionaría un proyecto real si hoy un cliente llegara y dijera: 👉 “Quiero una web disruptiva, algo que impacte de verdad” . 1.

El punto de partida: definir qué queremos crear Antes de abrir WordPress, antes de pensar en temas o plugins, hay una pregunta clave: 👉 ¿Qué queremos crear exactamente? Para este episodio tomé un ejemplo ficticio pero muy potente: crear una web épica sobre Luciano Benavides ganando el Dakar por solo dos segundos .

No es solo una web informativa.

Es una web que cuenta una historia . 2.

Inspiración real: analizar webs que ya funcionan El primer paso fue buscar inspiración en webs premiadas.

Una de las referencias fue igloo.inc , ganadora a mejor web del 2025.

No para copiarla, sino para entender: estructura ritmo animaciones uso del scroll narrativa visual La clave no es replicar, sino entender por qué funcionan . 0117 3.

El verdadero cuello de botella: la información En la mayoría de los proyectos, el problema no es el diseño.

Es la información .

Por eso el siguiente paso fue recolectar datos reales: etapas del Dakar mapas posiciones tiempos victorias estadísticas historia del piloto Toda esa información es la materia prima de la web.

Sin datos, no hay historia que contar. 4.

Ordenar el caos con IA (Claude) Una vez recopilada la información, entró en juego Claude . ¿Para qué? ordenar la información estructurar el contenido detectar puntos clave de la historia proponer una narrativa La IA no crea la idea, pero ayuda a ordenarla y darle forma .

El resultado fue: ✔ resumen ✔ concepto creativo ✔ arquitectura de la web ✔ ideas de animaciones por sección 0117 5.

Prototipar con Stitch: diseño sin programar Con la estructura clara, el siguiente paso fue Stitch .

En Stitch: cargamos toda la información explicamos el concepto pedimos propuestas visuales iteramos colores, estilos y bloques Stitch no sirve para “publicar la web final”, sino para definir el estilo visual y la experiencia .

Es un laboratorio creativo. 6.

De prototipo a WordPress (la diferencia clave) Acá está uno de los puntos más importantes del episodio.

Antes: comprábamos un tema intentábamos que se parezca a la demo casi nunca lo lográbamos Hoy: diseñamos el estilo con IA generamos código a medida creamos nuestro propio tema de WordPress adaptamos la funcionalidad a lo que queremos Eso permite: ✔ webs más personalizadas ✔ menos dependencia de plantillas ✔ mejor experiencia de usuario ✔ identidad real del proyecto 0117 7.

Funcionalidad vs diseño: separarlo todo En el episodio también se marca algo clave: 👉 la funcionalidad no debería estar en el tema .

Ejemplo: etapas del Dakar estadísticas corredores datos dinámicos Todo eso puede ir en plugins personalizados .

El tema se encarga solo del dise