Landing Page
Introducción al No Code
Introducción del curso
Qué es el No Code y cómo nos ayuda a diseñar
Herramientas No Code más conocidas
Quiz: Introducción al No Code
Estrategia de diseño de una landing
Bases para diseñar una landing
Bases para diseñar una landing (II)
Landings de éxito
Introducción a Whimsical
Wireframe de landings en Whimsical
Quiz: Estrategia de diseño de una landing
Crear y vender productos digitales en Notion y Gumroad
Notion, más allá de la productividad
Base de datos en Notion
Rellenando la base de datos
Vender productos digitales en Gumroad
Subiendo nuestro primer producto a Gumroad
Quiz: Crear y vender productos digitales en Notion y Gumroad
Diseñar una landing en Carrd
Introducción a Carrd
Creando nuestro "Above the fold"
Creando la sección de "Características"
Construyendo la sección de "Testimonios"
Diseña una sección de compra
Quiz: Diseñar una landing en Carrd
Cierre del curso
Despedida y cierre
Autoevaluación del Curso de Diseño Web con Herramientas No Code
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Wireframe de landings en Whimsical
8/21Recursos
Aportes 20
Preguntas 4
Ordenar por:
las teclas + y - del teclado también funcionan para el zoom
Por si llegaste hasta aqui y no sabes que es un Wireframe, te dejo un pequeño resumen.
Un website wireframe, también conocido como un esquema de página o plano de pantalla, es una guía visual que representa el esqueleto o estructura visual de un sitio web.
fuente:wikipedia.
Mi puesta en práctica del Wireframe.
Genial, ayuda bastante a agilizar su desarrollo previo a figma o directamente a una landing en No Code. Inclusive tiene para dispositivos móviles.
Buen esquema para guiarse de los elementos imprescindibles en la pagina
Mi primer ejercicio de wireframe con Whimsical… ¡¡Me ha encantado esta herramienta para bocetaje!!
Genial super Genial esta herramienta para crear wireframes excelente borrador para luego pasar a Figma a dios pluma y papel.
Usualmente utilizo Whimsical para los flujos, este es tremendo uso!
ctrl + + : ZOOM ctrl - : Menos
Casi todas las herramientas para generar prototipos vienen muy similares pero cada vez más intuitivas.
El objetivo principal de un wireframe es establecer la estructura y el flujo de contenido de una landing page, sin entrar en detalles visuales avanzados.
En este sentido, Whimsical es una herramienta excelente para esta etapa inicial del proceso de diseño.
Disfruté haciendo el ejercicio y utilizando las herramientas de Whimsical
Me ha gustado mucho la herramienta, fácil e intuitiva de usar.
````js
```
````
Mi práctica con Whimsical:
Siempre trabajo en Figma. Es más profesional.
Mi práctica con Whimsical.
Poniendo en practica lo aprendido en la clase con mi primera landing en whimsical.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?