Ideas para presentar su trabajo de portafolio en línea

Un portafolio en línea está principalmente orientado al contenido donde el usuario tiene que tomar la iniciativa para navegar por el sitio web. Su objetivo es presentar su trabajo con claridad y animar a los usuarios a hacer clic.

En esta publicación, me gustaría compartir algunas técnicas para ayudar a los visitantes a profundizar en el trabajo de su cartera. Hay muchas maneras diferentes de hacerlo, algunas personas simplemente agregan páginas estáticas, mientras que otras agregan presentaciones de diapositivas y estudios de casos completos.

Concedido el tipo de trabajo que hace jugará un factor en el diseño de su sitio. Pero estos consejos son universales y se pueden aplicar a cualquier sitio de cartera en la red.

Categorías dinámicas

Si realiza muchos tipos diferentes de trabajo, debe intentar agregar etiquetas de clasificación dinámicas en la página de su cartera. Esto permite a los visitantes explorar el trabajo que desean ver en lugar de hojear todo lo que ha hecho.

Por ejemplo, un diseñador digital puede tener muchos tipos diferentes de trabajo y cada entrada de cartera puede mostrar un conjunto de habilidades diferente. Esas categorías podrían dividirse así:

• Diseño de identidad
• diseño de iconos
• sitios web
• Aplicaciones móviles
• Wireframe de UI/UX

Si crea categorías dinámicas, los visitantes pueden navegar por cada una individualmente. Esto hace que la navegación por el sitio sea mucho más rápida y es la mejor manera de presentar el trabajo de la cartera.

El tema Hero es un buen ejemplo de esta clasificación de categorías en acción. La página principal del portafolio usa pequeños enlaces de etiquetas cerca de la parte superior para organizar diferentes estilos de proyectos.

Cuando el usuario hace clic en un enlace de categoría, la cartera oculta automáticamente todos los proyectos además de los agregados a la categoría. Todo esto está controlado por WordPress en el backend, por lo que solo tiene que agregar proyectos a su sitio y organizarlos en consecuencia.

Muchos temas de portafolios de WordPress vienen con estas características por defecto y son fantásticos. Puede ver otro ejemplo en el tema Beckett que utiliza enlaces de texto simples.

Pero observe cómo ambos ejemplos son básicamente diseños de pantalla completa y el portafolio ocupa la mayor parte del espacio en la página.

Las categorías dinámicas funcionan mejor cuando son fáciles de usar y explorar. Estos ejemplos ofrecen un excelente lugar para comenzar e incluso puede usar estos temas para su propio sitio si se ajustan a su estilo de diseño.

Presentaciones de fotos del proyecto

La gran mayoría de las presentaciones de diapositivas de proyectos se utilizan como elementos adicionales en una página de proyecto de cartera. Por lo tanto, estas presentaciones de diapositivas agregan un cierto nivel de detalle a la página donde puede navegar a través de las fotos con solo hacer clic en un botón.

Me gustan las presentaciones de diapositivas porque ofrecen un vistazo al flujo de trabajo sin ocupar mucho espacio. Pero debes usarlos con moderación.

A veces, los visitantes prefieren una galería de miniaturas para hojearlas todas a la vez. Pero las presentaciones de diapositivas tienen su lugar si no son demasiado grandes y no tienen demasiadas diapositivas (digamos menos de 15).

Bramble admite presentaciones de diapositivas de imágenes en las páginas del portafolio y también son totalmente receptivas. Esto le permite navegar a través de las fotos rápidamente y tiene dos métodos diferentes para la navegación:

• Flechas izquierda/derecha
• Navegación de puntos para cada diapositiva

Los usuarios de teléfonos inteligentes aún pueden trabajar con esta presentación de diapositivas con facilidad y obtener el efecto completo. Pero también hay un argumento para las miniaturas, ya que el usuario puede tocar para ampliar la foto.

La presentación de diapositivas de su cartera ideal depende del tipo de trabajo que realice. Si sus tomas pueden caber en un control deslizante horizontalmente, definitivamente considere agregar una a la página de su proyecto.

O incluso puede agregar uno a su página de inicio como en el tema Oshine. Específicamente esta demostración que presenta diseño de interiores y arquitectura.

Este estilo único funciona bien para fotógrafos, diseñadores digitales y artistas digitales. Esos estilos de trabajo tienden a ser bastante grandes y encajan bien en una presentación de diapositivas a pantalla completa.

Los controles deslizantes de la página de inicio captan la atención de inmediato, por lo que también ayudan a vender exactamente lo que haces de un vistazo.

Solo asegúrese de leer un poco sobre los carruseles para conocer algunas de las mejores prácticas para la navegación y el reenvío automático.

Cajas Modales

Esta es mi técnica preferida para presentar trabajos de portafolio. El cuadro de la ventana modal aparece "en la parte superior" de la página atenuando el contenido debajo.

Esto generalmente viene en forma de una galería de imágenes donde el usuario puede hacer clic (o deslizar) a través de muchas imágenes del proyecto a la vez. Dado que la ventana modal aparece en la parte superior de la página, puede ocupar toda la página sin molestar al usuario con una nueva pestaña.

Un ejemplo fantástico de esto es el tema Vitae en ThemeForest. Viene con modales de caja de luz en cada página de elemento de cartera donde puede hacer clic para ver una vista más grande de la imagen.

Personalmente prefiero el fondo más oscuro ya que esto realmente agrega contraste entre la ventana modal y los contenidos. Algunos temas como Vitae usan un fondo más claro y esto también funciona bien.

El objetivo es aumentar la participación del usuario al forzar este modal por encima de toda la página. Cuando haces esto con una ventana emergente modal, puede ser muy molesto. Pero funciona sorprendentemente bien para el contenido de la cartera cuando el usuario lo espera.

Recomiendo esto principalmente para elementos de la galería donde tiene muchas fotos que desea presentar en una serie. Las ventanas modales oscuras también pueden presentar elementos de cartera completos como con el tema Honshi.

Si tiene una serie de fotos que van juntas en un conjunto, considere ejecutarlas con presentaciones de diapositivas modales. O si es diseñador, puede agregar diferentes etapas de su trabajo en una presentación de diapositivas, casi como una progresión de principio a fin.

Cualquier tipo de sitio de cartera visual puede beneficiarse de las ventanas modales. Solo desea encontrar un tema de cartera con esta característica e incluirlo naturalmente en las páginas de su proyecto.

Estudios de casos de página completa

Siempre es bueno agregar algo de contenido escrito junto con su trabajo de cartera. De esta manera, los visitantes pueden tener una idea de cómo es el proyecto, el trabajo que realizó y cómo pasó de la fase de planificación inicial a la finalización.

Los estudios de casos son los mejores para presentar una imagen completa del proyecto. Naturalmente, deberías tener muchas fotos en la página, pero también incluir anécdotas personales y listas que desglosen todo tu proceso creativo.

Los visitantes quieren saber más sobre lo que haces. Estos estudios de casos generan confianza y lo presentan como una autoridad en el tema.

Mandala es un excelente tema que demuestra cuán simples pueden verse los estudios de casos.

La sección superior incluye una foto de muestra del proyecto junto con detalles adicionales como la fecha del proyecto, la categoría, el nombre del cliente y una breve descripción general del proyecto.

Ofrezca a los lectores la oportunidad de echar un vistazo entre bastidores y obtener más información sobre lo que hace. Las imágenes ayudan, pero solo muestran una parte de la historia.

Al escribir estudios de casos, puede explicar sus problemas comunes y cómo los resolvió, junto con su proceso de lluvia de ideas para generar ideas geniales.

Si te dedicas a la fotografía, probablemente no tengas mucho sobre lo que escribir. Sin embargo, el tema Dazzle muestra que solo un poco de contenido puede ser muy útil.

Su tema de cartera viene con docenas de estilos. Algunos tienen pequeños fragmentos de información sobre el proyecto, otros tienen más detalles en la página del proyecto. Pero de cualquier manera, puede aprender mucho mirando a través de los muchos estilos que ofrece este tema.

Tome casos de estudio y realmente hágalos suyos. Agregue solo la información suficiente para que sean valiosos para los visitantes sin escribir una disertación completa.

Terminando

La presentación de su trabajo de cartera no siempre es sencilla. Difiere según el tipo de trabajo y la cantidad de proyectos que tenga.

Pero las tendencias que he enumerado anteriormente funcionan bien para casi todo, desde diseño gráfico hasta fotografía, animación, trabajo de interfaz de usuario o cualquier otra cosa. Las presentaciones de diapositivas personalizadas, la clasificación por categorías, las ventanas modales y los estudios de casos pueden aumentar radicalmente la participación en el sitio web de su cartera.

Si aún tiene que comenzar su propio sitio de cartera, debe consultar nuestro artículo sobre cómo crear un sitio de cartera de WordPress donde explicamos cómo configurar el alojamiento y un tema para su cartera en línea.