¿Cómo crear un portafolio eficiente?

3065 vistas 12 minutos

El portafolio es un escaparate digital. Es indispensable para todos los trabajos creativos: desde diseñadores a fotógrafos, pasando por modelos e ilustradores.

Sirve para mostrar:

  • tu trabajo,

  • tus habilidades,

  • y tu potencial.

Pero, ¿cómo crear un portafolio que convence a los visitantes para que te elijan a ti?

Bienvenido a la guía definitiva para crear un portafolio eficiente y atractivo en cinco pasos.

Comencemos.

 

Paso 1: Define tu identidad

Primer paso: definir su identidad.

Un portafolio debe ser inmediatamente identificable y coherente. El estilo general debe ser armonioso para que tus futuros clientes te reconozcan entre la multitud.

Para ayudarte a definir tu identidad, recuerda que tu portafolio debe asociarse a palabras concretas como colorido, coche, líneas dinámicas, piano...

Estas palabras son fácilmente memorizadas por los usuarios. La identidad se expresa a través de todos los elementos de la web, como estos 👇

Los colores del portafolio

Los colores de un sitio web expresan sensaciones y sentimientos, incluso antes de que el contenido tenga tiempo de aparecer en la pantalla del usuario. 🎨

Por eso son tan importantes en el diseño web para expresar tu identidad.

Couleurs portfolio

Tanto si quieres crear un portafolio profesional o si quieres crear un portafolio personal, la elección de colores puede ser más limitada que para un sitio web clásico. De hecho, el objetivo de un portafolio es, sobre todo, mostrar tus mejores proyectos. Si los colores de fondo del portafolio no los resaltan, puede hacer que tu proyecto parezca algo desordenado.

Crear un portafolio

Pero que no cunda el pánico, puedes dar un poco de color a tu portafolio:

  • Utilizar un color dominante

Probablemente ya tengas una identidad visual, sobre todo si eres diseñador gráfico o de web.

Elige un color dominante para crear un hilo conductor en la presentación de tu proyecto.

  • Elegir un fondo liso

El fondo de tu web puede ser liso para destacar tus proyectos. Por supuesto, hay excepciones a esta regla, y puedes agregar algunas animaciones o algunos elementos gráficos.

Pero el portafolio debe respetar siempre una regla: destacar tu trabajo debe tener prioridad sobre el resto.

  • Blanco y negro: no son colores, pero son esenciales

El blanco y el negro y todos sus matices son casi obligatorios, para que tu portafolio sea atractivo y profesional. Al utilizarlos tienes mucho espacio para mostrar tu trabajo, tus gráficos o tus fotos. Además, el uso de colores audaces, como el negro o el blanco, permite establecer un estado de ánimo específico, sin exagerar.

Para ir más allá
Info stepup
Inspírate en estos ejemplos de portafolios creados con SiteW. 👀

La elección de la tipografía

Otro elemento fundamental de la identidad visual es la tipografía.

Si es original y está bien elegida, es un elemento que atrae la atención de los visitantes de tu portafolio.

Por ejemplo, si eres un escritor o un blogger, ¿por qué no utilizar una fuente de máquina de escribir? Si eres diseñador gráfico y te gusta jugar con el color, las fuentes de color pueden ser una forma de destacar.

Al igual que el resto de tu portafolio, estos tipos de letra deben guiar al visitante y darle más espacio a tu trabajo.

Aquí tienes algunos consejos para elegir tus fuentes:

  • No uno, sino dos tipos de letra

La mayoría de los sitios web, especialmente los portafolios, utilizan dos fuentes: una para los títulos y otra para el contenido.

Esto te da más libertad de elección. Por lo tanto, puedes elegir (¡o mandar a hacer una a medida!) una fuente muy fuerte y atrevida para atraer la atención y otra más sencilla para que el contenido sea perfectamente legible.

Si quieres probar diferentes tipos de letra, puedes utilizar la herramienta Google Fonts, que ofrece muchas fuentes originales o clásicas.

 

Typographie portfolio

  • Efectos tipográficos

Para que tu portafolio sea aún más original y para destacar las fuentes, puedes utilizar varios efectos. un efecto de sombra o de contraste al pasar el ratón, o incluso un fondo de color detrás de la tipografía para resaltarla...

Las fuentes son importantes, porque ayudan a los visitantes a orientarse en tu sitio web y disfrutar de tu contenido, por lo tanto deben destacar del resto.

Es inteligente, ¿no es así?
Info stepup
💡 Añadir un color de fondo detrás de un texto o mostrar un botón al pasar el ratón también te permite añadir pequeños toques de color a tu portafolio.
  • Utilizar letras mayúsculas o minúsculas

Desde hace algún tiempo, los portafolios y sitios web modernos presentan fuentes sólo en mayúsculas o minúsculas . Este detalle permite añadir modernidad y estilo a tu portfolio.

Prueba este tipo de fuentes y comprueba si te conviene.

El logotipo es imprescindible

Si quieres crear un portafolio eficiente, probablemente sea porque tienes un negocio independiente o quieres ampliar tu negocio.

Es posible que ya hayas creado un logotipo, que utilizas en tus facturas o en tu comunicación.

Este logotipo debe estar en tu portafolio para causar una impresión en la mente del consumidor. En efecto, si tu logotipo es realmente representativo de tu negocio, se convertirá en una palabra clave para los usuarios.

Créer votre portfolio en ligne

Si aún no tienes un logotipo, te compartimos algunos consejos para crearlo:

  • Un logotipo personal

Tu portafolio es tu tarjeta de presentación. Por eso, cuanto más personal sea tu logotipo, más convincente será.

Entonces, ¿por qué no crearlo tú mismo? No es necesario ser un experto en dibujo, pero puedes estilizar tu firma o tu nombre para convertirlo en un logotipo.

  •  Un formato PNG

Cuando creas tu logo, expórtalo en formato PNG. Este formato te permite tener un fondo transparente detrás del logotipo e incrustarlo fácilmente en páginas web, incluso si son de color

  • Su posición en un sitio web

Por lo general, un logotipo es más eficaz cuando se coloca en la parte superior izquierda de una página. En un portafolio, también podemos encontrarlo en la parte superior central de la página para mayor originalidad.

En cualquier caso, al crear el logotipo de tu negocio, piensa en su posición en el portafolio. Si quieres colocarlo en el centro pero el logotipo es muy largo, corres el riesgo de perder mucho espacio en la parte superior de la página.

  • Herramientas de diseño

 Puedes crear un logotipo fácilmente utilizando sitios web como Canva. Si te sientes más cómodo, también puedes utilizar programas como Photoshop o InDesign para obtener un resultado aún más personalizado. Si no, pide consejo a un experto.

Créer avec Canva

Las animaciones de tu portafolio

Transiciones entre las páginas, elementos gráficos dinámicos, efectos especiales al pasar el ratón...

Un portafolio está mucho menos estandarizado y codificado que un sitio web tradicional. Así podrás agregar efectos visuales. Los más utilizados son:

  • El efecto de pasar el ratón por encima

Ya hemos hablado de esto en la sección "Elegir la tipografía", pero los efectos del ratón pueden aplicarse en cualquier parte de tu sitio web. Esto da dinamismo y confirma que tu sitio web responde a las necesidades del usuario y funciona correctamente.

  • El fondo dinámico

Los efectos de luz o las animaciones de fondo de pantalla son muy utilizados en los portafolios modernos. Esto te permite crear una atmósfera que te representa más que una sola frase.

Así que piensa en transmitir tu personalidad en tu portafolio, incluso con las animaciones de fondo.

  • El efecto de revelación gradual

El efecto de revelación gradual parece casi imprescindible en un portafolio moderno, ya que es tan omnipresente. Este efecto consiste en hacer aparecer elementos del sitio web  a medida que el usuario se desplaza hacia arriba o hacia abajo. Esto te permite mostrar más contenido sin sobrecargar la página, y crear dinamismo.

  • La adición de música

Aunque los sitios web generalmente no suelen tener música, ésta es muy apropiada para un portafolio. De hecho, la música de fondo ayuda a construir un universo creativo que atraerá la atención del visitante, y que puede fijarse en la memoria más fácilmente.

Portfolio sur internet

Tu nombre de dominio

Por último, pero no menos importante, tu nombre de dominio es el último elemento de tu identidad. Esto aparecerá en la URL de tu sitio web y permitirá a los usuarios encontrarte fácilmente.

Además, es esencial para tu posicionamiento en Google. De hecho, si tu portafolio está bien optimizado, aparecerá en los resultados de búsqueda de Google bajo tu nombre o el de tu empresa.

Esto te dará más visibilidad.

La ventaja de SiteW
Info play
Debes saber que las soluciones de creación de sitios web como SiteW generalmente te ofrecen un nombre de dominio gratuito incluido.

Registrar un dominio

Entre los muchos portafolios ya existentes, tú eres ahora fácilmente identificable. La estructura de tu portafolio ya está establecida.

Ahora es el momento del paso más importante: la selección y descripción de tus proyectos.

Paso 2: Selecciona y describe tus logros más relevantes

Probablemente hayas hecho docenas o cientos de proyectos.

Algunos muy creativos, otros repetitivos, otros más pequeños, pero todos igualmente desafiantes...

... Entonces, ¿cómo elegir? ¿Y cómo destacarlos?

Eso es lo que vamos a ver en este paso 👇

Elección de los proyectos

Para elegir tus proyectos, entran en juego varios parámetros. A continuación se detallan todos ellos para poder hacer una selección precisa, convincente y relevante:

  • La calidad de tu proyecto

El primer aspecto fundamental es la calidad de tu proyecto. Por supuesto, si lo has seleccionado y dudas si debes incluirlo o no en tu portafolio, es porque lo consideras importante. Pero, ¿estás lo suficientemente orgulloso de este proyecto como para defenderlo?

Si es así, puedes pasar a la segunda fase de selección...

  • La diversidad de los proyectos presentados

No sabrás de antemano qué tipo de cliente vendrá a tu web. Por lo tanto, trata de presentar una variedad de proyectos que muestren tu experiencia.

Para elegirlos, hazte la siguiente pregunta: ¿Qué hace que este proyecto sea especial y qué dice de mí?

No es necesario presentar dos proyectos casi idénticos. Así que trata de destacar la singularidad del proyecto, y si no encuentras uno que destaque entre los demás, quizá no sea necesario agregarlo.

  • Una visión de tu futuro

Este consejo se combina con tus deseos para el futuro. Si te gusta la animación 3D pero sólo muestras proyectos en 2D, puedes perder clientes potenciales que comparten tus intereses y visión del futuro.

Por lo tanto, trata de mostrar lo que te gustaría hacer para el futuro de tu negocio.

  • Toma los proyectos más recientes

En la mente de tu cliente potencial, tu nivel de experiencia se reduce a tu último trabajo.

Trata de mostrar proyectos recientes de los que estés orgulloso. Esto demuestra que sigues activo, y que tus proyectos siguen creciendo. De este modo, podrán ponerse en contacto contigo. De lo contrario, tus potenciales clientes no sabrán si todavía estás en el negocio.

Considera también...
Info def
..eliminar algunos de los proyectos, a medida que tu sitio web evoluciona. De hecho, tu estilo evolucionará y algunos proyectos podrían no corresponder a la orientación que quieres darle a tu negocio.

Así que ya tienes tu selección de proyectos, ¡bien hecho!

Desgraciadamente, no hay un número estándar de proyectos a presentar, depende de cómo los describas.

¡Y eso es lo que vamos a ver ahora!

¿Cómo explicar tus proyectos?

Presentar tus proyectos es como defender tu candidatura en una entrevista profesional.. Hay que ser claro, conciso, convincente y eficaz.

Sin embargo, si quieres añadir muchos proyectos, probablemente tendrás que priorizar tus proyectos.

Estos son los elementos que deben incluirse en la presentación de un proyecto, desde los mínimos hasta los más grandes detalles::

👉 Presentar un proyecto en pocas palabras

En una presentación, debes incluir al menos tu función, el proceso y las estadísticas del proyecto.

Esto puede hacerse en unas pocas líneas. Usa palabras sencillas y precisas para que el visitante tenga una visión general sin entrar en detalles. En el caso de pequeños proyectos específicos, este tipo de presentación muy concisa te permite ahorrar mucho tiempo.

👉 La presentación de un proyecto más amplio

En tu selección, quizás tengas tres o cuatro grandes proyectos que quieras presentar  lo más completo posible. Estos son probablemente los más recientes y los que más te gustan, por lo tanto, merecen una presentación adecuada.

Esta presentación debe incluir los elementos mencionados. anteriormente, pero también puedes contar una historia. De hecho, puedes escenificar el proyecto para darle vida y sumergir al usuario en tu mundo. Esto te permitirá explicar tus métodos y estar seguro de que al cliente que te contacte le gusta tu trabajo.

Dedica tiempo a este paso. Cuanto más seleccionas, describes y destacas los proyectos, más convincente y eficiente será tu portafolio.

Así que ya tienes todos los ingredientes.

Ahora: ¿cómo mezclarlos?

Paso 3: Elige tu programa de diseño

Por supuesto, no vamos a realizar una receta de cocina 😉 .

Estamos hablando de una solución web para crear portafolios digitales.

Hay muchas posibilidades, desde las más sencillas hasta las más complejas, seguramente encontrarás la adecuada para ti.

Sin embargo, una vez más, la elección puede ser difícil, ya que las posibilidades son muy numerosas.

Así que, para estar seguro de elegir la opción más relevante y sostenible a largo plazo, considera hacerte estas preguntas:

¿Qué mantenimiento técnico ofrece?

Si eres nuevo en el diseño de sitios web y portafolios, probablemente necesitarás algo de apoyo.

En el mercado, encontrarás soluciones "llave en mano" y soluciones que te dan más autonomía para gestionar tu proyecto web.

Si necesitas un proveedor que se encargue de todo para ahorrarte tiempo o para evitar una formación, utiliza un constructor de sitios web, como SiteW.

Estos editores te permitirán construir tu portafolio sin tener que preocuparte por sus capacidades funcionales y su mantenimiento técnico a lo largo del tiempo: todo está solucionado.

¿Cuáles son las posibilidades de personalización?

Tener un mantenimiento de calidad, es importante.

Pero, sobre todo, tu portafolio debe reflejar tu evolución artística y, por lo tanto, debe ser lo más personalizable posible.

Mientras que algunas soluciones te permiten crear tu sitio web desde cero utilizando el lenguaje HTML, esto puede estar fuera del alcance de los usuarios menos experimentados.

Afortunadamente, no es necesario conocer todos los lenguajes de programación para crear un portafolio personalizado y eficiente.

Los constructores de páginas web ofrecen un compromiso entre libertad y asistencia. Puedes personalizar el portafolio con módulos prediseñados  que se pueden personalizar con un clic.

Además, plataformas como SiteW ofrecen plantillas prediseñadas para ofrecer un marco personalizable y lograr un resultado profesional. También puedes encontrar ejemplos de portafolios en las soluciones existentes para ayudarte a crear la tuya.

¿Hay un soporte técnico?

Muchas de las soluciones de creación de web sólo están disponibles en inglés, especialmente el soporte técnico, si tienes un problema.

Si bien esto puede no ser un problema para algunos usuarios, otros pueden sentirse más cómodos haciendo preguntas e interactuando con una persona, especialmente en español.

Las funciones de asistencia, como el chatbot o los números de teléfono, son un parámetro a tener en cuenta para encontrar una solución ideal a largo plazo.

Al elegir nuestra herramienta, tendrás una ayuda profesional, personalizada y eficaz para responderte... en español. ¡Yay! ES

Crea tu portafolio con SiteW

¿Cuál es el presupuesto?

Por último, la cuestión del presupuesto es fundamental para la elección de la solución más adecuada.

Las soluciones más autónomas suelen ser más baratas, aunque sus precios pueden variar según las posibilidades de cada sistema. Por otro lado, los constructores de sitios web ofrecen precios competitivos en forma de planes mensuales o anuales.

Por ejemplo, el paquete Blog de SiteW está disponible por 4,99 euros al mes, con un nombre de dominio gratis, páginas ilimitadas y acceso a las estadísticas.

Las soluciones son tan diversas como las posibilidades de diseño y los precios pueden variar en consecuencia.

Puedes descargar el software y seguir la formación para crear tu portafolio, o puedes utilizar una solución "llave en mano" por la que pagas cada mes. Con todas estas preguntas contestadas, deberías haber encontrado la opción ideal para tus necesidades, tus habilidades y tu presupuesto.

Tu portafolio ya está bien encaminado y has hecho la mayor parte del trabajo.

Enhorabuena.

Paso 4: Optimizar el contenido

Pasemos al siguiente paso, que es la optimización del contenido.

Seguramente ya estás haciendo tu portafolio con tu plataforma favorita.

Sin embargo, esto implica optimización de la página web para tener un portafolio convincente...

... y visible.

Presta atención al SEO
Info tips
La visibilidad de tu portafolio en la web es esencial. No basta con hacerlo para que aparezca en los primeros puestos de los resultados de búsqueda. Así que debes prestar atención al SEO de tu portafolio creativo.

Contenido para el SEO

El posicionamiento de un portafolio es más complejo que el SEO de un sitio web. Por lo general, los visitantes llegan a tu sitio web desde una lista de portafolios, o desde tus redes sociales.

Sin embargo, tu portafolio debe estar correctamente indexado para que te encuentren en Google y para ganar en profesionalidad.

Esto incluye tu contenido, el contenido que creas para presentar tus proyectos.

Debe contener palabras clave relevantes y ser bastante explícito para que Google entienda el tema de tus páginas web.

Optimiza tus imágenes

Es probable que tu portafolio vaya acompañado de imágenes y vídeos para ilustrar tu trabajo.

Sin embargo, estas imágenes pueden ser muy pesadas y ralentizar el tiempo de carga de tu página. Un usuario abandona un sitio web si éste tarda más de tres minutos en cargarse... Por lo tanto, debes asegurarte de que tu sitio se cargue rápidamente.

Se trata de optimizar tu contenido audiovisual, en particular mediante este método:

  • Compresión de contenidos

Cuando subas archivos pesados, considera reducirlos para ahorrar tiempo de carga.

Esto no altera su calidad y te permite ganar en eficiencia.

  • Palabras clave en las imágenes

Sí, sí: ¡es posible!

Cada imagen o vídeo tiene una etiqueta ALT y un título que se pueden personalizar con palabras clave Serán invisibles para el usuario, y están destinados específicamente a los motores de búsqueda, que indexan tu web en Google Imágenes o Videos.

La experiencia del usuario en el centro de tu estrategia

En el caso de un portafolio, la experiencia del usuario se compara a la experiencia del cliente.

Cuando entras en una tienda, te gustan las cosas bien ordenadas y quieres que las indicaciones para desplazarse por el espacio te permitan encontrar rápidamente lo que buscas.

En tu portafolio, es lo mismo.

La experiencia del usuario debe estar en el centro del diseño de tu sitio para mejorar tu SEO y optimizar tu portafolio. La experiencia del usuario puede mejorarse mediante los siguientes elementos:

👉 Navegación

La navegación es el alma de la experiencia del usuario. Una navegación bien diseñada garantiza una experiencia de usuario satisfactoria para que el visitante permanezca en el sitio más tiempo.

La navegación puede mejorarse añadiendo un menú, categorías e incluso una barra de búsqueda para encontrar contenidos fácilmente.

Estos elementos son fácilmente personalizables y accesibles en la mayoría de las plataformas...

... Como SiteW. Todos nuestros módulos de navegación están aquí para ayudarte a mejorar tu experiencia de usuario.

Portfolio dessin

👉 La posibilidad de contacto

Cuando los reclutadores hablan de portafolios, todos señalan el mismo problema: no es posible tener acceso directo a un contacto. De hecho, un formulario de contacto o una dirección de correo electrónico forma parte de la experiencia del usuario y debería ser directamente accesible desde la página principal de tu portafolio.

Si el visitante tarda más de 2 minutos en averiguar cómo ponerse en contacto contigo, es posible que no lo haga.

👉 ¡En inglés, por favor!

Si quieres internacionalizarte y si tus conocimientos te permiten traducir tu contenido, puedes realizar un portafolio multilingüe. Estos portafolios son muy solicitados por los clientes potenciales, ya que muestran profesionalidad e influencias artísticas diversas.

Además, amplía tu número de clientes, que pueden venir de cualquier parte del mundo.

Un portafolio responsivo

Esto también forma parte de la experiencia del usuario, pero un portafolio responsivo es tan importante que merece una mención especial. Efectivamente, tu portafolio debe ser responsivo.

Esto significa que tu portafolio debe tener un aspecto elegante, atractivo y ergonómico en todas las diferentes pantallas, desde el ordenador hasta el teléfono móvil. Crear un diseño responsivo puede llevar más tiempo, pero mejorará tu imagen a los ojos del público.

Más fácil aún con SiteW
Info stepup
Las soluciones de creación de sitios web como SiteW te permiten crear una página web responsive fácilmente, sin que tú tengas que preocuparte por ello.

Estamos en el último paso del diseño: los últimos detalles antes de su publicación.

Paso 5: Verificar, publicar, promocionar

El último paso antes de publicar tu portafolio..

Este paso consiste en agregar los detalles finales de tu portafolio, revisarlo varias veces y publicarlo.

Los detalles finales de tu portafolio

Tu portafolio evolucionará a lo largo de su vida, en función de tus deseos.

Sin embargo, la primera versión de tu sitio web debe ser impecable para que tenga un buen comienzo.

Para cuidar de todos los detalles de tu portafolio:

  • Comprueba la ortografía y las traducciones

Aunque tu portafolio sea lo más eficiente y completo posible, una simple falta de ortografía o un error de traducción puede hacerte perder clientes.

Por eso es necesario que te acuerdes de revisar tu contenido varias veces, incluso si eso significa dedicar un poco más de tiempo, para asegurarte de que tu contenido sea perfecto.

Del mismo modo, si has traducido tu web, recuerda que debes hacer que tu traducción sea revisada por un nativo o un traductor profesional.

Sí, puede ser que haya un malentendido

  • Solicita a tus amigos

¿Recuerda las palabras clave al principio de esta guía? Pueden ser un buen resumen del mensaje que transmite tu marca.

Para ello, pide a tus amigos y familiares que visiten tu portafolio, con detenimiento, y que lo describan con unas palabras. Esto te permitirá hacerte una idea de cómo reacciona un cliente ante tu portafolio, y conocer su opinión sobre tu marca.

Por ejemplo, si un término aparece mucho y no define tu identidad como artista, intenta averiguar por qué antes de publicar tu portafolio.

  • Incluye las redes sociales

El último paso son tus redes sociales. Si mantienes redes sociales dedicadas a tu trabajo como Pinterest, Instagram o Dribbble, considera incluirlas en tu portafolio con los botones adecuados.

Esto puede ayudar al cliente a ver más de tu trabajo y de tu mundo, y aprender más sobre tu negocio.

Portfolio en ligne

Ahora también tienes que crear enlaces a tu sitio web, para darle más visibilidad.

Puedes hacerlo a través de:

  • Tus redes sociales

Por supuesto, un enlace a tu portafolio en cada una de tus descripciones en tus redes sociales es una gran ventaja para dar visibilidad a tu proyecto. Así, uno de tus seguidores de instagram podrá tener acceso a tu sitio, y contactar contigo para trabajar.

Así que recuerda jugar bien tus cartas.

  • Tus correos electrónicos

Esto puede parecer menos obvio, pero la promoción también puede hacerse con tus correos electrónicos...

...especialmente tu firma.

Si creas una firma personalizada en tu correo electrónico profesional, puedes incluir un enlace a tu portafolio. Esto dará más visibilidad a tu negocio sin que te des cuenta.

 

¡Y aquí está! 👋

Tu portafolio está en línea, eso es todo. Puede convertirse en un escaparate digital atractivo y eficiente para darte una visibilidad inmejorable.

Por supuesto, el proceso puede parecer largo y tedioso. Sin embargo, gracias a estos consejos, podrás aprovechar este tiempo de preparación para que, en el futuro, puedas actualizar tu página web con regularidad y darle vida.

Estamos deseando ver tu portafolio.

Crear un portfolio

Frédérique Biau
Editora y traductora
Soy una editora apasionada desde hace años, recorro la Web y las noticias para ofrecerte un contenido de calidad.

Última actualización: 16 febrero, 2022

¿Qué hay de nuevo?
Las últimas actualizaciones y nuevas funciones sobre nuestra herramienta, después de una descodificación avanzada con nuestros desarrolladores.