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ño y la experiencia.
Eso hace que la web sea:
- más mantenible
- más escalable
- más profesional
8. El mensaje de fondo del episodio
Hoy, gracias a la IA, podemos crear:
✔ webs más rápidas
✔ más personalizadas
✔ más alineadas al negocio
✔ sin saber programar profundamente
Y lo más importante:
👉 webs que se sientan del rubro que representan.
Una web de ciclismo tiene que sentirse de ciclismo.
Una web de veterinaria, de veterinaria.
Una web farmacéutica, de industria.
Ese es el futuro.
Conclusión del episodio
Crear una web ya no es elegir un tema.
Es diseñar una experiencia.
La IA no reemplaza la creatividad,
la potencia.
Y WordPress sigue siendo una base increíble…
si sabemos usarlo de forma más inteligente.
📆 En el próximo episodio:
👉 cómo crear el plugin y el tema paso a paso.
Si tenés una web que “está bien, pero podría ser mucho mejor”,
o querés crear algo realmente a medida, escribime 👉 margarit.co
🎥 Episodio completo → (agregar link de YouTube)
#wordpress #webdesign #inteligenciaartificial #ux #ui #stitch #claude #diseñoweb #emprender
Deja una respuesta