Crea una p√°gina web con Carrd.co

Carrd.co - 7 Pasos para crear una p√°gina web

Hay muchas maneras de crear una web desde cero. Algunos de los m√©todos son did√°cticos para¬†aprender a programar¬†como los de¬†Educative.io¬†(que te recomiendo sin ning√ļn tipo de duda)¬†y entender muchas cosas a la vez, y otros m√©todos, centrados m√°s en unos resultado efectivos, r√°pidos y que puedes probar gratis.

En este artículo, os quiero hablar de ese segundo método, que os permita crear una web rápidamente y de forma gratuita. Además de eso, si con el tiempo, o para otro proyecto, queréis mejorarla o ampliar sus funcionalidades, tengáis posibilidad de hacerlo.

Si estáis con más tiempo y preferís un artículo más largo y con más detalles sobre Carrd, podéis pasaros por el Blog de EnfoqueNómada.

Y ahora, vamos a ver m√°s detalles sobre Carrd. Hay gente que le llama Card Co, Carrdco, y de otras maneras, pero bueno, imagino que ser√° por el dominio, pero bueno.

Plan gratuito de Carrd

Vamos a hacer uso de una de las herramientas m√°s sencillas que conozco y recomiendo, se llama¬†Carrd.co¬†y podr√°s crearte una cuenta con tu email de manera gratuita. Su lema es: Sitios web de 1 p√°gina sencillo, gratis,¬†responsive¬†por casi nada. Lo de¬†responsive,¬†por si no lo sabes, es que el contenido se adapta (m√°s o menos bien) al tama√Īo de la pantalla de quien la mira.

Paso 1: Crear la cuenta en Carrd.co

Si eres de los que tienes varias cuentas de correo, tranquilo porque esta plataforma no manda mucho spam, incluso te dir√≠a que env√≠a √ļnicamente ofertas interesantes.

Paso 2: Elegir una plantilla

Tienes distintos tipos de plantillas, pero si no tienes claro lo que quieres, te recomiendo que eches un ojo al apartado de All, y vayas viendo las que no sean PRO (en el caso que quieras lógicamente empezar por la versión gratuita). Podrás ir viendo cómo quedan dándole a Demo.

Como imagino que no tienes claro lo que quieres, ve imaginándote qué podrías poner con esa idea que tienes en tu cabeza. Una vez tengas claro cuál vas a usar, dale a Select y por favor, haz caso a la ayuda que te muestra, porque con eso, ya vas a tener totalmente controlada la herramienta. Te pego el pantallazo por si lo saltas sin querer....

Instrucciones de cómo usar Carrd.co

Paso 3: Prepara tu contenido

En función de la plantilla que hayas elegido, tendrás que preparar texto e imágenes. Para ambas cosas, intenta ser atractivo con los textos y cuida el peso de las imágenes, dado que si incluyes fotos de mucho peso, los visitantes tendrán una experiencia negativa al ver como tarda mucho en cargar la página.

Si no consigues reducir las imágenes, puedes utilizar una herramienta web llamada Tinypng, y si ni siquiera tienes imágenes, puedes utilizar un banco de fotos que hay muchos. Por ejemplo Unsplash. Nombra bien los archivos de fotos y prepara tus textos.

En general, te puedo recomendar una web que tiene todas las herramientas en uno y además, extensión de Chrome para temas de edición de contenido. Se llama 10015.io y es completamente gratuita. Yo lo uso habitualmente en lugar de usar varias herramientas.

Build anything online with ‚Äúall-in-one toolbox‚ÄĚ. All tools are easy-to-use, blazing fast & free

Paso 4: Sustituye el contenido de la plantilla por el tuyo.

Comienza a sustituir las piezas de texto, de imágenes y lánzate a crear alguno de los componentes que te ofrece dándole al botón +

Uno de las funciones muy √ļtiles que tiene es ir pasando a ver c√≥mo queda en los m√≥viles, que como sabr√°s, es importante que quede bien. Si te fijas en los apartados de dise√Īo, ver√°s un apartado denominado¬†Mobile¬†que suele estar en¬†Auto. Si quitas esa opci√≥n, ser√° un dise√Īo m√≥vil tal y como digas t√ļ. Te recomiendo que lo intentes usar lo m√≠nimo, porque si en el futuro lo modificas, te obligar√° a estar manteniendo las dos partes.

Paso 5: Dale a grabar y publícala

Llega la hora de darle a grabar y con ello seguir los pasos que nos ofrece. Como ves es algo muy sencillo dado que nos ofrece escribir un sub-dominio de carrd.co y ahí quedará publicada de manera gratuita. La web quedará publicada en un dominio que no es tuyo, pero bueno.

Los Pasos 6 y 7, ser√°n ense√Ī√°rsela a alguien e iterar

Parece obvio pero es importante que valides si tu dise√Īo se entiende y no tienes que explicarlo a nadie. Ens√©√Īasela a alguien y p√≠dele su opini√≥n sin explicarle nada previamente.¬†

Con la opinión que te den, escucha e intenta retocar aquello que creas que puedes mejorar, publica y ¡Listo!

¬ŅQu√© te ha parecido? ¬ŅF√°cil no? Como habr√°s visto, cualquier persona es capaz de crearse una p√°gina web sencilla. Ya no hay excusa para no tener una web de alguna afici√≥n que tengamos, nuestro Curriculum Vitae,¬†la presentaci√≥n o landing de un¬†negocio peque√Īo o por mero aprendizaje...

Plan de pago de Carrd

Yo la verdad que por más que hago mis cálculos, no logro entender cómo son capaces de ofrecer este producto tan económico...Aunque no lo creas, tiene unas posibilidades mucho mayores de lo que parece. Sólo con la cantidad de webs que te permiten crear y alojar, con https, con integraciones, con css, con inserción de scripts, analytics, ... ¡merece la pena!. Además las one-page cada vez están más de moda dado que la gente cada vez les dedica menos tiempo a las webs.

Bueno, si pasas a pro con Carrd.co, no lo harás por este artículo, sino porque te han convencido ellos, ¡que son muy buenos! Pero no quiero terminar este artículo sin darte una recomendación que encaja perfectamente para un paso más en Carrd.co.

Quiero presentarte uno de los proyectos, que yo como profesional ya estoy usando:

Vitamina tu Carrd con Components UI

Este producto creado por un crack de El Salvador llamado Oscar O. Ar√©valo¬†@oscaroarevalo, es un complemento ideal para Carrd.co que te dejar√° alucinado, dado que te ofrece plantillas y componentes hechas que van un paso m√°s all√° que las propias de Carrd.co y adem√°s, te ofrece pasos para el aprendizaje e incluso soporte. Adem√°s de contenido gratuito, podr√°s optar a comprar √ļnicamente plantillas o packs que tienen cosas muy interesantes si te vas a plantear empezar a crear p√°ginas web como agencia.

Landing page de Componentes UI, Una colecci√≥n de plantillas y componentes pre-dise√Īados para Carrd.co
Y por √ļltimo, si quer√©is alucinar con las cosas que hace la gente con Carrd, pod√©is echar un vistazo en pinterest.
Regresar al blog

1 comentario

Muy interesante, no conoc√≠a Carrd y alucino lo f√°cil y r√°pido que es crear una p√°gina web. Yo ya he creado mi carrd !! Muchas gracias!! ¬ŅPodr√≠as m√°s adelante proponernos algo para crear web un poco m√°s avanzadas?

Alfonso G.

Deja un comentario

Ten en cuenta que los comentarios deben aprobarse antes de que se publiquen.