Thread by @equisele

Aquí te dejo unos cuantos ejemplos de maquetación #HTML y #CSS con diferentes frameworks o sin ellos con la ayuda del polifacético #ChatGPT …👇

1/ Maquetación de una página "acerca de" genérica con #Bootstrap5 con varios párrafos y una imagen.

2/ Maquetación de una Home generalista para una Startup con #tailwindcss. Algunas pequeñas correcciones ¡y voilá! Obviamente, se trata de un comienzo. Sigamos adelante…

3/ Crear con Bulma #CSS un html mockup para una landing de una app móvil. Un poco triste pero un comienzo. Importante: #gpt3chat te dice que es un comienzo y que puedes personaliar estilos y colores para lo que recomienda que visites la web del framework. 👇

4/ Vamos Materialize Framework: un dashboard de administración sin pedir demasiadas peras al olmo. Se quedó cojo al final aunque fácil de solucionar. Ni tan mal el resultado.

5/ Un poco de html5 a pelo: le pido que cree una landing page para vender un curso que además incluya el #copywriting con la formula AIDA. En la primera versión me explica cómo ha desarrollado la fórmula con la "escasa información" que le he facilitado.
No estoy conforme… 👇

5.1/ Le digo que lo mejore agregando el precio y psicología del color para mejorar la interacción y conversión. Decide utilizar el color verde porque transmite valor y confianza. Olvidé indicar que me agregó un código de tracking al clic del botón para que yo incluya el evento…

Y por último, le digo que mejore el formato del copywriting para que destaque los términos en los que hacer más énfasis. Resultado final: not bad aunque mejor que al principio.
Vamos con mis conclusiones:

1. Más extendido el tema, más conocimiento tiene.
2. Es una herramienta estupenda para el aprendizaje aunque debes tener conocimientos previos.
3. Por ahora – quién sabe a futuro – es una herramienta y no viene a sustituir. Todavía no he visto una "IA" programando un framework (: