Creación de Landings Efectivas con Herramientas No-Code

Contenido del curso

Introducción al No Code

Estrategia de diseño de una landing

Crear y vender productos digitales en Notion y Gumroad

Diseñar una landing en Carrd

Cierre del curso

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:007:00

Creación de Landings Efectivas con Herramientas No-Code

Curso de Diseño Web No Code

Clase 3 de 20

Clase 3 / 20

Recursos

¿Qué es el movimiento No-Code?

El movimiento No-Code ha revolucionado la forma en que se desarrollan proyectos digitales. Permite a personas sin conocimientos técnicos crear aplicaciones, sitios web y sistemas, liberando su creatividad sin necesitar de un desarrollador profesional. Este enfoque facilita a creativos, diseñadores y makers llevar sus ideas a la realidad de manera sencilla y accesible.

¿Cuáles son las herramientas esenciales del No-Code?

Las herramientas No-Code son variadas y cada una tiene su propósito específico, permitiendo abordar desde la creación de sitios web hasta la gestión de contenidos y automatización de tareas.

CAR: Un constructor web revolucionario que se basa en un sistema de 'drag and drop', muy similar al manejo de Photoshop o Sketch. Está diseñado para crear landing pages de manera sencilla, sobre todo para quienes no tienen conocimientos técnicos.
Webflow: Aunque más complejo que CAR, permite crear sistemas complejos como e-commerce. Su sistema de gestión de contenidos integrado facilita la creación de blogs.
Babel: Ideal para desarrollar aplicaciones nativas tanto para web como para móvil, simplificando el proceso comparado con los métodos tradicionales de programación.
Airtable: Una potente base de datos que se usa frecuentemente como back-end en proyectos No-Code. Permite la creación de sistemas complejos y flujos internos, incluso desarrollando aplicaciones.
Notion: Más allá de una herramienta de productividad, su flexibilidad la convierte en una opción No-Code para crear productos digitales.
Typeform: Simplifica la captura de información de usuarios con flujos de formularios visuales y complejos.
Zapier: Funciona como un "pegamento" que junta aplicaciones, permitiendo flujos automatizados de manera visual.
Stripe: Facilita la implementación de pasarelas de pago en productos digitales, sin necesidad de un desarrollador.

¿Qué otros recursos No-Code deberías conocer?

Además de las herramientas principales, existen otras plataformas que, aunque sean menos conocidas, ofrecen funcionalidades valiosas:

Bravo: Facilita el desarrollo de aplicaciones a través de prototipos en Figma.
Koda: Une características de Notion y Airtable, proporcionando una experiencia rica y flexible.
Arengo: Alternativa a Typeform que también permite crear formularios complejos.
Integromat: Similar a Zapier, para integrar aplicaciones y crear automatizaciones sencillas.
Adalog: Se especializa en el desarrollo de aplicaciones.

¿Cuáles son algunos casos de éxito del No-Code?

El impacto de las herramientas No-Code se refleja claramente en proyectos que han tenido éxito en diferentes sectores:

Cobardes y gallinas: Un servicio de suscripción que entrega huevos de gallinas criadas en libertad. Este proyecto utiliza WordPress, Typeform, Airtable, Stripe e Integromat, demostrando cómo las herramientas No-Code pueden integrarse para crear un servicio eficiente y atractivo.
AdoptaMiMente: Iniciativa para recaudar fondos para la Federación Española de Banco de Alimentos. Usando WordPress, Stripe y Airtable, este proyecto logró recaudar más de 8,000 euros, demostrando la efectividad de la metodología No-Code.
aprendernotion.com: Un proyecto educativo que enseña a usar Notion y que, utilizando herramientas como Substack y Gumroad, se monetizó mientras ofrecía valor a sus usuarios.

¿Cómo puedes empezar a sumarte al movimiento No-Code?

Si te entusiasma la idea de crear proyectos sin programación, comienza explorando algunas de estas herramientas. Intenta crear un pequeño proyecto, como una landing page con CAR o un formulario con Typeform. Con práctica y experimentación, encontrarás nuevas formas de materializar tus ideas. Además, comparte tus experiencias y proyectos para inspirar a otros a unirse al movimiento. ¡El mundo No-Code está lleno de posibilidades, y tú puedes ser parte de él!

Comentarios (52)52 comentarios

Francisco Mujica Romero

Hace 5 años

Herramientas No Code más conocidas:

Carrd: Constructor de landings
Webflow: Constructo de sitios web complejos
Bubble : Aplicaios nativas para web/movil
Airtable : Base de datos
Notion : Base de datos + documentos
Typeform Formularios
Zapier : Integraciones de otras aplicaciones
Stripe: Pasarela de pagos

Naudy José Romero Valero

Faltó WordPress

Octavio Cuellar Vargas

Wix

Carlos Miguel Colque Montoya

De todas las herramientas No Code que mencionan, apenas conocía dos, y no con tanta profundidad. Me siento como un viajero espacial que descubre un nuevo mundo nuevo lleno de posibilidades. 👨🏻‍🚀🌐

Malu Mendoza

Me siento igual!

Fernanda López

Hace 3 años

Igual yo!

Dania Valenzuela

Hace 4 años

carlos pineda

buenísimo resumen ¡gracias!

Ronald Barzola

Hace 10 meses

Excelente compilado!

Steve Calderón Sánchez

Como alternativa a Zapier les dejo Integrately que es un poco más económico y tiene también muchas integraciones. https://integrately.com?ref=08et5f

Alejandro Guiberra

Estoy probando integromat y voy a revisar la que compartes, pero desde hace tiempo estoy usando IFTTT para el trabajo y he tenido algunos problemas pero en general da buen resultado. ¿Qué ventajas ves respecto a otras herramientas de automatización?

Sergio González Rodríguez

Sino quieres gastar nada, puede revisar microsoft flow. En lo personal relación calidad precio me quedo con integromat. IFTTT y automate me parece algo limitadas.

En lo personal me gusta mucho el editor X. Tiene funcionalidades de página web pero con complementos que facilmente la convierten en una web app. Es desarrollada por wix y aunque comparten algunas cosas, es un editor más avanzado, el cual incluye entre otras cosas, funciones de hacerla responsive, lo cual no incluye el editor normal (básico de wix). Si quieres algo no code que esté entre la complejidad de Bubble y lo básico de Wix, squarespace, shopify, este editor puede ser una buena opción. Editor X.

Hay que tener claro que en este mundo low code/no code cada herramienta te da unos beneficios, pero así mismo estás renunciando a cosas, así que cual herramienta utilizar, depende específicamente del proyecto que deseen desarrollar.

Esteban Blanco Ortuno

https://jamstack.org también es de tipo No Code y esta muy bien.

Enrique A. Estrada

Jamstack no son herramientas No Code son herramientas Low Code aunque en realidad también son herramientas que contienen mucho código solo que se controlan más con una interfaz gráfica, pero el paradigma JAMStack esta pensado para gente que manejan código que quiere ahorrarse tiempo.

Eddy Arellanes

Low Code no es lo mismo que No Code

Alejandro rodriguez

Carrd: Constructor de landings Webflow: Constructo de sitios web complejos Bubble : Aplicaios nativas para web/movil Airtable : Base de datos Notion : Base de datos + documentos Typeform Formularios Zapier : Integraciones de otras aplicaciones Stripe: Pasarela de pagos

Juan Carlos Barbaran Meza

Saben como se llama la herramienta para convertir un link de notion a un dominio qu emenciona la profesora?

Jhon Edward Bedoya

🟢 Hello!

, te puede ayudar con este objetivo 🤗

Un abrazo de gol! 🦾

Mayckol Cruzado Ordoñez

Por si te interesa, te recomiendo llevar el Curso para Crear Sitios Web No-code con Notion y Super Saludos

Jeshire Del Valle Blanco Ruiz

Glide, es una herramienta no code, para crear tanto sitios web como apps. Es más o menos como bubble

YahirMcGrady ramirez valverde

y muelanse los desarrolladores ahora nadie querra aprender a hacer bloques gutenberg, aprender shopify con hydrogen o temas headless de wordpress mejor que esos creativos diseñen

Me gustaría que en alguna clase o una publicación del blog se profundizara más sobre las herramientas de automatización como Zapier. Yo uso IFTTT.

https://ifttt.com

Mayra Lopez

Tenemos algunas clases, con ese tema, pero tienes razón hacen falta más. IFTTT era muy buena, antes la usaba mucho

Natán Mejía

Hola, existe un curso. https://platzi.com/clases/zapier/

Marta Liliana Plazas Tovar

Hace 2 años

Yo tengo una duda: yo utilizo mucho Wix, pero no lo nombraste. ¿no es recomendable?

Cristian Revelo

todo depende del uso y según el conocimiento actual que tengas, ninguna opción está mal, wix me parece bueno y barato.,

Cristian Ramos

Es demasiado interesante, súper práctico por lo menos para mí que quiero hacer mi landing.

Luis Angel Montoya Garcia

La verdad es que yo he sido usuario de adopta mi mente y la verdad es que es una iniciativa impresionante.

Diego Andres Lastra Romero

¡Profe usted es una crack! Excelentes datos he recogido con sus clases, ¡Enhorabuena!

Ufaaa cuanta herramienta que no conocía. ¡A por la chamba!

Esther La Roche

¡Hola saludos desde Venezuela! agradecida a Platzi y, al IESA de Caracas Venezuela por poder tener la oportunidad de disfrutar de estas maravillosas clases y emocionada por tener acceso a esta información tan valiosa espero poder aprovechar al máximo todo el contenido. Yo particularmente de las herramientas que la profesora nombró solo conozco wordpress que la intenté usar un par de veces, y notion de la que a oído nombrar bastante. Una que conozco y de hecho es donde estoy trabajando el frontend de mi primera landing page es Lovable que la verdad me paree genial y bastante fácil de usar. Para el bakend estoy usando Superbase que igual me ha ayudado mucho contar con su IA. Espero poder comenzar a usar las otras herramientas que la profesora ha señalado. ¡Gracias nuevamente por la oportunidad!

Taylor Elvis Contreras Rojas

Hace un año

Appsheet

Ericka Andrea Esparza Quintana

Faltó Appsheet

Juan Sebastián Duque

Hola. Cuáles serían las herramientas mas recomendadas para crear un Dashboard donde los clientes puedan escoger su plan de suscripción, realizar los pagos, crear y administrar sus campañas según su plan y ademas podamos acceder a esta información desde otra app?

Monshy Enrique Tinoco Angulo

Creo que Glideapps te puede servir

Introducción al No Code

Diseño Web con Herramientas NoCode: Crea y Vende tu Producto Digital

Movimiento No-Code: Diseña Sin Saber Programar

Creación de Landings Efectivas con Herramientas No-Code

Estrategia de diseño de una landing

Estrategia de Diseño No-Code para Productos Digitales

Definición de Objetivos y Contenido en Diseño Web

Estructura y Ejemplos de Landings Efectivas

Creación de Wireframes con Whimsical para Landings

Creación de Wireframes para Landing Pages en Whimsical

Crear y vender productos digitales en Notion y Gumroad

Bloques básicos y funcionalidades de Notion

Creación y Gestión de Bases de Datos en Notion

Crear Base de Datos de Libros en Notion: Paso a Paso

Cómo vender tus productos digitales en Gumroad

Sube tus Productos Digitales a Gumroad Paso a Paso

Diseñar una landing en Carrd

Diseño de Landings con Card: Crea Tu Propia Página Web

Creación de la Sección Above Default en Card.co

Diseño de Secciones de Características en Landing Pages

Diseño de Sección de Testimonios para Landing Pages

Creación de Sección de Compra en Landing Page

Cierre del curso

Diseño y Creación de Landing Pages con NoCode

Autoevaluación del Curso de Diseño Web con Herramientas No Code

Creación de Landings Efectivas con Herramientas No-Code

Progreso del curso

Introducción al No Code

Estrategia de diseño de una landing

Crear y vender productos digitales en Notion y Gumroad

Diseñar una landing en Carrd

Cierre del curso

Recursos

Recursos