A veces, la solución a un problema que parece eterno está donde menos la esperamos. Durante aproximadamente tres años, intenté conseguir ayuda de tres personas diferentes para actualizar un sitio web y hacerlo responsivo, adaptable a móviles. Las conversaciones nunca concretaban, los plazos se alargaban y, al final, en resumen: no me pescaban. Mi proyecto de tienda online estaba estancado.
Sin embargo, en diciembre de 2025, decidí probar un camino completamente distinto. Le pedí ayuda a una Inteligencia Artificial, Gemini de Google. El resultado fue asombroso: en tan solo 3 días logré actualizar y modernizar mi sitio web por mí mismo.
Punto importante: No soy un novato en esto. Tengo conocimientos sólidos de HTML, DHTML, JavaScript, PHP y MySQL. Esto fue clave, ya que toda la lógica y la conexión a la base de datos (la parte más compleja del back-end) ya la tenía desarrollada y funcionando. Mi objetivo era darle una nueva piel y una mejor experiencia de usuario a esa estructura que ya existía.
Así fue como lo trabajamos, paso a paso:
1.- El Primer Gran Paso: Le proporcioné a Gemini la URL de mi tienda y le pedí que le aplicara Bootstrap para que fuera completamente responsiva. En cuestión de segundos, me entregó un código HTML inicial que probé localmente y, para mi sorpresa, ¡funcionó a la primera!
2.- Recuperando la Identidad Visual: A partir de ese código base, empecé a perfeccionar. Le pedí que me ayudara a reincorporar la cabecera original de mi sitio y, lo más importante, las imágenes de los productos. Todo anduvo a la perfección.
3.- Expandiendo a las Demás Secciones: Con la página de inicio funcionando, pasé a la página de productos. De nuevo, Gemini me hizo una propuesta basada en la estructura que ya teníamos y, a partir de ahí, comenzó un proceso de iteración constante. Le iba pidiendo modificaciones específicas y él las implementaba. Por ejemplo:
- "Que las fotos de los productos no queden tan pegadas entre sí."
- "Agrega un formulario de búsqueda" (El código PHP para el buscador ya lo tenía de antes, solo hubo que integrarlo).
- "Incorpora miniaturas de productos relacionados" (De nuevo, mi conexión a la base de datos existente hizo el trabajo pesado).
- "Añade un pie de página con enlaces a las redes sociales."
4.- Unificación del Diseño: La página de búsqueda y la de listado de productos por categoría fueron adaptadas siguiendo el mismo modelo que Gemini me había sugerido para la portada, lo que dio una coherencia visual total a toda la tienda en tiempo récord.
Conclusión: No es Sustitución, es Colaboración
Como les contaba, en tres días mi tienda online pasó de ser un proyecto del pasado a tener una imagen moderna y funcional. Claro está, mi conocimiento previo en PHP y bases de datos fue fundamental para que la IA pudiera hacer su magia en la parte front-end y de maquetación sin romper nada.
Quedé tan conforme con el resultado que ya estoy planeando usar este mismo enfoque para renovar otros sitios web que tengo. La experiencia me demostró que la IA no vino a reemplazarnos, sino a potenciarnos. Es como tener un colega increíblemente rápido y eficiente que se encarga de la estructura y el diseño, mientras nosotros nos aseguramos de que el corazón de la web (la lógica de programación) siga latiendo con fuerza.
¿Alguien más ha tenido experiencias similares con IA para desarrollo web? ¡Los leo en los comentarios!
Ahh!! y si quieren ver el resultado pueden visitar:
http://meliwaren.cl/tienda/
No hay comentarios.:
Publicar un comentario