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

Crea una p谩gina web con Carrd.co

Hay muchas maneras de crear una web desde cero. Algunos de los m茅todos son did谩cticos paraaprender 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 permitacrear聽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.coy 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 deresponsive,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 enCarrd.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 deAll, 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 aDemo.

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 aSelecty聽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 quepreparar 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 llamadaTinypng, y si ni siquiera tienes im谩genes, puedes utilizar un banco de fotos que hay muchos. Por ejemploUnsplash. Nombra bien los archivos de fotos y prepara tus textos.

En general, te puedo recomendaruna web que tiene todas las herramientas en unoy adem谩s, extensi贸n de Chrome para temas de edici贸n de contenido. Se llama10015.ioy es completamente gratuita. Yo lo uso habitualmente en lugar de usar varias herramientas.

Build anything online with 鈥渁ll-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谩genesy 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 denominadoMobileque suele estar enAuto. 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聽grabary 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 unnegocio 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.

Categor铆as: emprendimiento, ideas, Programaci贸n


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.