Crea un sitio web de portfolio listo para tu cliente con Canva Code

4 min

Principiante

Aprende a crear, con una descripción en Canva Code, un sitio web de portfolio profesional, a adaptarlo a tu marca y publicar un enlace dinámico para enviárselo a tu cliente.

Crea un sitio web de portfolio listo para tu cliente con Canva Code

4 min

Principiante

Aprende a crear, con una descripción en Canva Code, un sitio web de portfolio profesional, a adaptarlo a tu marca y publicar un enlace dinámico para enviárselo a tu cliente.

Lo que vas a aprender

Cómo explicar qué sitio web de portfolio quieres en una descripción muy clara
Cómo convierte Canva Code esa descripción en un sitio web completo y adaptativo
Cómo personalizarlo: los colores de la marca, tu propio trabajo y perfeccionarlo con más descripciones
Cómo publicar un sitio web activo con su propio enlace, listo para enviárselo a un cliente

Si eres un equipo de una sola persona, tu sitio web tiene que ser el doble de eficiente: no solo para demostrar tu gran profesionalidad, sino también para plasmar quién eres. Es posible que no tengas tiempo o presupuesto para encargarle el desarrollo a otra persona, y que un software creador de plantillas no te dé la flexibilidad que buscas.

Ahí es donde te ayuda Canva Code. Tú describes el sitio web que quieres y te crea uno adaptativo a partir de tu briefing. Así, el diseño, la estructura y el aspecto son los que tú propones, y no algo predefinido. Luego lo refinas hasta que es exactamente tuyo. A continuación te explicamos cómo pasar de una simple descripción a un sitio de portfolio que no se parezca a ningún otro y que consiga al cliente.

Empieza con una descripción clara

Abre Canva Code y explica lo que quieres en un lenguaje sencillo. Es como si estuvieras dándole instrucciones a alguien que te lo va a diseñar: dile qué secciones necesitas y qué sensación quieres transmitir.

En el caso de un sitio web de portfolio, esto es lo más habitual:

Un portfolio o una galería de proyectos para mostrar los trabajos que has hecho
Una sección de servicios: lo que ofreces
Una sección sobre quién eres tú
Una forma de comunicarse contigo: un formulario que se conecte con hojas de cálculo de Canva, por ejemplo

Así que tu petición podría ser la siguiente: “Crea un sitio web de portfolio para una persona autónoma consultora de marketing. Incluye una barra de navegación con el nombre, una imagen principal con un primer plano, una fila de estadísticas y un carrusel de proyectos con etiquetas de categoría. Acaba con un formulario de contacto. Diséñalo con una estética gráfica y llamativa: colores brillantes sobre un fondo claro” .

Consejo rápido:

Cuanto más concretes, mejor quedará el primer borrador y menos cambios habrá que hacer después. Indícale en qué consiste tu trabajo, qué secciones quieres y el carácter del sitio (limpio, audaz, divertido), en vez de limitarte a “hazme un sitio web”.

Genera tu primer borrador

Envía tu petición y Canva Code creará todo el sitio web, con un diseño adaptativo y todas las secciones que has indicado. En un momento, tu pantalla ha pasado de una página en blanco a algo muy real.

Y no te preocupes, esta no va a ser la versión final. Lo más difícil es empezar, y eso ya lo has hecho. Date una vuelta por el sitio web para hacerte una idea de lo que hay antes de empezar a darle forma.

Personalízalo

Aquí es donde el sitio deja de parecer un punto de partida y empieza a parecerse a ti. Todo se hace en el editor de Canva, no es necesario programar nada.

Edita los textos y las imágenes directamente. Para cambiar la redacción de un texto, selecciónalo. También puedes arrastrar tus imágenes de la pestaña Subidos o Elementos, igual que con cualquier otro diseño de Canva.
Usa los colores y las fuentes de tu marca. Ajústalos en el editor para que el sitio web siga el estilo visual de la marca.
Escribe más peticiones para ir perfeccionando el sitio web. Dile a Canva Code qué quieres cambiar. Por ejemplo: “dale más peso a la sección principal“ o “añade una sección de testimonios“, y pule solo esa parte, sin tocar el resto. ¿Necesitas hacer algún cambio en concreto? Selecciona un elemento y escribe otra petición para perfeccionarlo.

Canva Code también puede añadir interactividad, el tipo de movimiento que da vitalidad a un sitio web. Prueba con peticiones como estas:

“En las tarjetas de proyectos, añade un efecto de desplazamiento que levante un poco la tarjeta y ponga una sombra suave cuando alguien pase el ratón por encima”.
“Haz que la galería de proyectos se desplace hacia los lados por sí sola, lenta y continuamente, sin que nadie tenga que hacer clic”.
“Cuando alguien haga clic en una tarjeta de proyecto, expándela para mostrar una imagen más grande y una breve descripción”.

Consejo rápido:

Cambia los elementos de uno en uno y revisa el resultado. Es más fácil ver qué funciona bien que volver a pedir cinco cambios a la vez y luego entender qué ha fallado.

Publícalo y envíalo

Consigues un sitio web activo y eliges cómo compartirlo. Y todo eso sin salir de Canva. En función de lo que necesites, puedes hacer lo siguiente:

Enviarlo como un enlace de Canva, la mejor opción para que tu equipo lo vea enseguida.
Publicarlo en un dominio gratuito de Canva.
Comprar tu propio dominio personalizado.

¿Quieres publicarlo en un dominio? Puedes añadir protección con contraseña para garantizar su privacidad.

Copia el enlace y envíaselo a tu cliente mientras tiene tu propuesta bien presente.

Antes de enviarlo, pégale un repaso rápido: haz clic en todos los enlaces y mira cómo se ve en el móvil.

Hay dos maneras de comprobarlo: elige la vista móvil en Vista previa o arrastra el borde del diseño para ver cómo se adapta. También puedes abrir el archivo en otro dispositivo. Como los sitios de Canva Code son adaptativos, se adaptará a cualquier pantalla, pero en un repaso de 30 segundos detectarás los últimos detalles que hay que corregir.

Es un sitio profesional que ya se ha publicado. Y sin tener que programar nada. Parece tan creíble como el trabajo que muestra, así que la próxima vez que surja una propuesta, lo tendrás todo listo para enviarla.

En esta página