Advertisement
  1. Web Design
  2. General

Elementos de una gran portafolio de diseño web

Scroll to top
Read Time: 10 min

Spanish (Español) translation by Juliana Carvajal (you can also view the original English article)

Es triste decirlo, pero muchos diseñadores descuidan sus propios sitios de portafolio. Pasan todo su tiempo trabajando en proyectos de clientes en lugar de en su propio negocio (lo cual es admirable, sin duda). El problema con eso es que probablemente estén perdiendo negocios y potencialmente perdiendo algunos de los mejores clientes que puedan tener.

Tu portafolio es un reflejo de tu negocio. Es un reflejo de quién eres como diseñador. Y es lo primero que verán muchos de tus clientes potenciales. Asegúrate de que lo que vean dé la impresión que quieres darles. Eso significa prestar atención a los detalles, mantener las cosas actualizadas y dar lo mejor de sí.

Aquí hay algunos elementos más que debes considerar al crear tu sitio de portafolio:


Prominent Showcase de tu trabajo

Esta es una de esas cosas que debería ser un hecho, pero muchos sitios realmente pierden la marca. El objetivo de un sitio de portafolio es mostrar tu trabajo. Deseas atraer a clientes potenciales con tus habilidades de diseño y, para hacerlo, necesitan ver realmente tus diseños. Así que asegúrate de que los enlaces a tu trabajo sean destacados.

No solo muestra una o dos piezas en la portada y luego has que sea casi imposible encontrar el resto de tu trabajo. Asegúrate de que el enlace a tu trabajo sea lo más destacado que verán tus visitantes. Es por eso que están en tu sitio en primer lugar.

El sitio web de VolumeOne es un gran ejemplo de cómo enfocarte directamente en tu trabajo:

Pon el foco directamente en tu trabajo

Una selección de tu mejor trabajo

En una nota similar, nada dice que tengas que mostrar cada pieza de trabajo de diseño que hayas realizado en tu portafolio. De hecho, deberías hacer exactamente lo contrario. Elige a mano el mejor trabajo que hayas hecho y deja el resto fuera.

Todos hemos tenido proyectos en los que la visión del cliente y nuestra propia sensibilidad creativa no coincidían, y el resultado no era exactamente algo de lo que estuviéramos orgullosos. Entonces, ¿por qué demonios se lo mostrarías a tus clientes potenciales? Todo lo que vas a hacer es atraer a más clientes que no estén en línea con sus propias preferencias creativas (si es que atraes a algún cliente). Deseas mostrar el trabajo que has realizado que esté en línea con el tipo de trabajo que deseas hacer más en el futuro.

Denise Chandler solo muestra un puñado de diseños en su sitio, pero es suficiente para darles a los posibles clientes una buena idea de lo que puede hacer.

Denise Chandler solo muestra un puñado de diseños en su sitio

Un llamado a la acción e información de contacto fácil de encontrar

Para la mayoría de los diseñadores, el objetivo de un sitio de portafolio es conseguir más clientes. Entonces, ¿por qué dificultaría que esos clientes potenciales realmente se pongan en contacto contigo? Tu información de contacto debe ser lo suficientemente fácil como para que tus visitantes apenas tengan que pensar en ella. Si no es evidente de inmediato dónde está tu página de contacto, es posible que se rindan y se vayan a otra parte, especialmente si están solicitando ofertas de varios diseñadores.

En la misma línea hay un llamado a la acción prominente. Deseas que tus visitantes realicen una acción específica, como solicitar una propuesta, entonces, ¿por qué no simplemente pedirles que lo hagan? En lugar de un simple formulario de contacto, crea un botón prominente para que hagan clic para obtener una cotización o una propuesta. Ten ese enlace a un formulario especializado que te dará la información que necesitas para continuar, en lugar de un simple formulario de contacto. No tengas vergüenza de pedirles a tus visitantes que hagan lo que tu quieres que hagan. Están en tu sitio por una razón, y no hay nada de malo en reconocerlo.

Vector Stories tiene un llamado a la acción prominente "¡Empecemos, contrátame!" justo en la parte superior de la página de inicio.

Vector Stories tiene un llamado a la acción prominente

Una marca unificada

Necesitas pensar en ti mismo como una marca. Ahora, eso no significa que debas seguir a todos los "gurús de la marca" que te dicen que debes vivir completamente su marca, pero sí significa que debe presentar un frente unificado al mundo. Eso significa que la consistencia es clave.

Necesitas presentar un frente unificado al mundo.

En relación con tu portafolio, eso significa que debe tener un logotipo y un eslogan, y probablemente deberías repetirlos en sus otros perfiles profesionales en los sitios de redes sociales. Puedes expandir esto aún más para incluir un esquema de color particular u otros indicadores visuales que siempre están asociados contigo y tu marca.

El principal razonamiento detrás de tener una marca unificada es que te hace parecer más profesional. Lo colocas al mismo nivel que los grandes estudios de diseño, al menos a los ojos de muchos clientes, incluso si solo es un negocio de una sola persona que trabaja en una esquina de su comedor. Cuando tengas un logotipo y una imagen de "empresa", te tomarán más en serio como profesional. Ya no serás simplemente ese tipo con una oficina en casa y una copia de Photoshop; serás un diseñador profesional que podrá cobrar tarifas profesionales.

Al mismo tiempo, no tengas miedo de ser tu mismo. Muchos clientes preferirían trabajar con un diseñador en solitario en lugar de un gran estudio porque les gusta la atención personalizada. Y es muy posible que consigas un cliente porque tienes algo en común, incluso si no está relacionado con tu trabajo de diseño. Pero la clave es cultivar intencionalmente tu imagen y tu marca, en lugar de dejar que suceda al azar.

Una cosa que realmente puede ayudarte a establecer una "marca" es un gran eslogan. Muchos diseñadores, ya sean autónomos independientes o un gran estudio, llegan a ser conocidos por su lema. Además, cuando un visitante llega a tu sitio, un eslogan destacado y memorable puede darles una indicación instantánea de quién es usted y qué hace.

Hype Nation tiene una marca fantástica, incluso tiene su esquema de color directamente en su portafolio (tendrás que hacer clic en cada diseño para ver el esquema de color real del sitio del cliente), y tienen un eslogan sencillo que les dice a los visitantes exactamente qué ellas hacen.

Hype Nation tiene una marca fantástica

Integración de redes sociales

Las redes sociales son una realidad para la mayoría de los trabajadores web, nos guste o no. Y es probable que algunos clientes lo estén investigando a través de varios sitios de redes sociales, ya sea que lo desee o no. Así que facilita las cosas vinculando tus cuentas profesionales al sitio de tu portafolio. Incluye enlaces a Twitter, Google+, una página de Facebook, LinkedIn o cualquier otro perfil profesional que puedas tener.

Usar íconos para tus cuentas es una excelente manera de integrarlos. Otra opción es importar tu Twitter u otro feed directamente a tu sitio. Independientemente de cómo elijas hacerlo, es importante asegurarte de que las cuentas a las que esté vinculando sean las que te representen profesionalmente. Ten cuidado con los enlaces a cuentas en las que hable de cosas personales o en las que no esté dispuesto a hacerse amigo de un cliente potencial (como un perfil personal de Facebook).

Si no es un estudio de una sola persona, debes tener cuentas dedicadas para la empresa configuradas para las redes sociales, o debes vincular a las cuentas de quien sea tu portavoz principal de la empresa. Este podría ser el diseñador más conocido, o simplemente la persona a la que le apasiona compartir excelente contenido a través de las redes sociales.

Nudge Design demuestra que no es necesario tener un montón de enlaces de redes sociales para mostrarlos correctamente en tu sitio. De hecho, a veces solo uno o dos enlaces tiene más sentido y te permite enfocar mejor tus esfuerzos.

A veces, solo uno o dos enlaces tiene más sentido

No demasiado llamativo

Tu portafolio debe mostrar tus habilidades de diseño, tanto en tu contenido como en el diseño en sí. Pero puede ser tentador para un diseñador crear un sitio de portafolio que sea demasiado "llamativo" y no tenga suficiente contenido. Por supuesto, tu portafolio debe estar tan bien diseñada como cualquier proyecto de cliente, pero hay algo que decir sobre un sitio que es simple, limpio y especialmente fácil de navegar.

Dependiendo de quién sea tu cliente ideal, es posible que desees hacer que tu portafolio sea más o menos artístico. Si tus clientes ideales son otros creativos, es posible que desees optar por un diseño de perfil más artístico y creativo que sea un poco más extravagante o experimental. Por otro lado, si te especializas en sitios web para abogados, contadores, profesionales financieros o profesiones "conservadoras" similares, es probable que desees que el sitio de tu portafolio se haga eco de los tipos de sitios que estarás diseñando.

El sitio de Pixelhaven está muy bien diseñado, pero también es muy simple y nada "llamativo". Atraerá a un amplio grupo demográfico.

El sitio de Pixelhaven atraerá a un amplio grupo demográfico

Sin marketing-ese

Esto es probablemente lo más molesto que se encuentra en el sitio web de cualquier diseñador. Si tu copy parece sacada de Dilbert, debes volver a escribirla. Quieres que el texto de tu sitio suene como algo que realmente escribiste, no algo escrito por algunos monos de marketing que no saben nada sobre diseño web.

Ahora, eso no significa que no puedas contratar a un redactor para que te ayude a crear una copy atractiva para tu sitio si no te sientes cómodo escribiéndolo tu mismo. Pero asegúrate de contratar a alguien que escriba con un estilo que se adapte a tu personalidad y suene como algo que realmente te gustaría leer, no algo que estés presionando para vender.

Un portafolio debe ser personal en gran medida, y la terminología de marketing exagerada es la forma más rápida de hacer que tu portafolio sea impersonal. También se asocia a menudo con granjas de sitios web, formadas por los llamados "diseñadores" que no hacen más que cambiar un par de elementos en una plantilla y colocar el logotipo de su cliente en ella y llamarlo diseño "personalizado". ¡Eso es lo último con lo que quieres estar asociado!

El sitio web de Electric Pulp tiene un aspecto y estilo muy profesional, pero su copia es completamente identificable y única. Es un gran ejemplo de cómo incluso un sitio de portafolio que necesita atraer a tipos corporativos no tiene que recurrir a un lenguaje ilegible que nadie entiende.

Copy única y completamente identificable

Doce ejemplos más de grandes portafolios

Ian James Cox

Este sitio tiene una clara llamada a la acción ("Contrátame") y una buena integración con las redes sociales.


MindBorn

MindBorn tiene un diseño creativo al tiempo que mantiene la usabilidad y la navegación fácil.


Christopher Scott

Un diseño limpio con enlaces claros para ver el trabajo o el currículum del diseñador.


Colin Grist

Un sitio muy agradable con una marca clara y enlaces de redes sociales prominentes.


Un poco de algo

La actitud en este sitio definitivamente lo distingue de la competencia. Si bien ciertamente va a desanimar a muchos clientes potenciales, también será un gran atractivo para otros. El diseñador sabe quién es su cliente ideal y lo persigue sin preocuparse de alienar a los demás.


Henry Brown

Un sitio simple con ejemplos de trabajos destacados, integración de redes sociales e información de contacto fácil de encontrar.


Webteam en Furness Internet

Un sitio de portafolio bien diseñado con una buena llamada a la acción y un trabajo destacado.


Brian Wilkins

El sitio de Brian Wilkins es limpio y moderno, como los sitios web que crea para los clientes.


Deda

Este sitio transmite realmente la personalidad del diseñador, sin dejar de ser profesional. Es identificable y obviamente se dirige a un cierto tipo de clientela.


1Minus1

Este sitio es divertido y creativo, al mismo tiempo que mantiene un aspecto muy profesional. Es difícil equilibrar ambos, pero aquí se hace muy bien.


Leche Espumosa

Un sitio profesional pero divertido con un tema bien definido en todas partes.


Laboratorio de hielo

Un sitio creativo con un gran llamado a la acción y una gran integración con las redes sociales. Su copy es amigable y acogedora, con un tono muy conversacional.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.