SiteW hace fácil y divertida la creación de páginas web con una solución sin limitación técnica o financiera.
Testimonios, entrevistas y ejemplos de páginas web creadas. Descubre las opiniones y creaciones de nuestros usuarios.
Nuestra historia, nuestras noticias y nuestros compromisos. Más allá de un servicio online, descubre SiteW.
Todos los recursos al servicio de tu presencia online.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 👇
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:
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...
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.
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.
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.
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!
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?
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:
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.
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.
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
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 Esencial de SiteW está disponible por 6,60 euros al mes, con un dominio incluido, la posibilidad de crear 100 páginas y el acceso a tus 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.
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.
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.
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:
Cuando subas archivos pesados, considera reducirlos para ahorrar tiempo de carga.
Esto no altera su calidad y te permite ganar en eficiencia.
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.
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.
👉 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.
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.
Estamos en el último paso del diseño: los últimos detalles antes de su publicación.
El último paso antes de publicar tu portafolio..
Este paso consiste en agregar los detalles finales de tu portafolio, revisarlo varias veces y publicarlo.
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.
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.
Empieza a crear tu portafolio gratis.
No se requiere ningún método de pago, ni límite de tiempo.
Última actualización: 13 enero, 2023
30% discount on annual subscriptions!
In 2024, maximize your
online presence 🚀
