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 (:
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.