⚡Excelente herramienta ✨, CARRD.
3 aspectos importantes:
- Es sencilla.
- Es responsive.
- Es gratis.
(Tiene plan de pago con $20USD al año, pero los beneficios que da con excelentes respecto al precio).
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
Card es una herramienta no-code que se destaca por su facilidad de uso, diseño web responsivo y versión gratuita. Si estás buscando crear una landing page atractiva sin complicaciones técnicas, Card es la solución ideal. Gracias a su sistema de "pinchar y arrastrar", podrás diseñar una landing page profesional desde cero. Aun mejor, es gratis para las primeras tres páginas web. Mientras que existen versiones pagas con características adicionales, la versión gratuita será suficiente para nuestros propósitos.
Al ingresar a Card, te encontrarás en una interfaz amigable que te ofrecerá dos opciones: elegir un proyecto de inicio o abrir el dashboard. Si aún no creaste una cuenta, tu opción será comenzar con un proyecto de inicio. Aquí, Card te ofrece múltiples plantillas prediseñadas. Sin embargo, para nuestro proyecto, optaremos por un "Canvas en blanco" para aprender desde cero. Al empezar, te recomendamos crear tu cuenta usando un nombre de usuario y correo electrónico, lo que te permitirá guardar tus proyectos.
Card facilita el proceso de diseño con una interfaz intuitiva:
Elección del Background: Comienza seleccionando el fondo de tu página. En el panel de propiedades, podrás elegir el color y si deseas algún patrón de diseño.
Añadir Elementos: Utiliza el comando "más" para empezar a añadir elementos como texto, imágenes, botones, vídeos y más. Cada elemento tiene su propio conjunto de propiedades editable.
Elementos Especiales: Aprende a usar elementos especiales como contenedores y controles. Estos te permitirán crear secciones dentro de tu página.
Propiedades del Elemento de Texto: Cada elemento de texto puede ser personalizado mediante tres pestañas principales: el contenido textual, la apariencia (como color y fuente) y los ajustes (aunque estos últimos están limitados en la versión gratuita).
Prueba en Móvil: Verifica cómo se verá tu landing page en dispositivos móviles gracias a la capacidad responsiva de Card.
Guardando tu trabajo en Card, no solo evitarás perder tus progresos, sino que además, podrás publicar tu sitio web para que esté accesible en línea. Tienes dos opciones:
Publicación con dominio de Card: Publica tu sitio con una URL que termina en "car.co". Este método te permitirá tener tu landing page online sin pagar, aunque con la marca de Card.
Guardado como borrador: Puedes optar por guardar tu proyecto como borrador. Esto te permite seguir realizando cambios antes de que tu sitio esté listo para ser compartido.
Al publicar tu sitio, agrega un título y una descripción que atraerá a tus potenciales visitantes. Recuerda, aunque publiques tu sitio, si no compartes la URL, será prácticamente privado hasta que tú desees lo contrario.
Card está diseñado principalmente para la creación de sitios web de una sola página (one-page), lo que lo hace perfecto para landing pages. Además, a pesar de ser un sitio de una sola página, Card permite simular secciones diferentes, dando la impresión de un sitio más extenso.
Como ves, con Card tienes una herramienta poderosa y sencilla para llevar tus ideas del tablero a la realidad digital sin necesidad de conocimientos técnicos previos. Empieza hoy mismo y observa cómo tus landing pages cobran vida. ¡No olvides ponerle un título atractivo y una descripción que enganche a tus visitantes desde el primer momento!
Aportes 11
Preguntas 6
⚡Excelente herramienta ✨, CARRD.
3 aspectos importantes:
Características principales:
En el inicio de CARRD aparece una autoayuda la cual se ve de la siguiente manera 😃
Landing page:
https://jaimemoncada.carrd.co/
Sí no sabes inglés, en Platzi puedes aprender 😃
https://platzi.com/idioma-ingles/
ups se me salto de la 10 a la 14 jejeje
my bad
la plagina de la maestra esta todavio online
[]https://cursoplatzi.carrd.co/
esten seguros a la hora de “falser” como si tuviera muchos link siendo un sitio onepage. ocultar contenido con css o js. esta muy mal visto por google. y te jode el posicionamiento seo, si tu proyecto no le importa mucho el seo porque tu trafacto es directo por otros medios, no hay problema. pero si planeas ir a pelear por los mejores puestos en google. no oculten el contenido al usuario. si esta en la web que se vea. por ahi se puede hacer un menusito fijo que salte de titulo en titulo. es mas seo-amigable…
les dejo un link donde se ve como funcionaria el menus
https://francomoreira.github.io/projects/sticky-menu-fixed/
Muy útil esta herramienta, les dejo esta landing Page que hice de prueba
https://visionmotriz.carrd.co/
Una herramienta que tengo comprada y que espero que gracias a este curso la de el uso que se merece.
Que buena opción para poder crear la landing!!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?