Blogs de Shopify

21 portafolios de diseño web para inspirar tu propio sitio web

Portafolio de diseño web

Internet está lleno de miles de portafolios de diseño, por lo que llamar la atención de un empleador potencial en este mercado de trabajo saturado puede ser todo un desafío.

Para destacarte en este difícil mercado es importante que tu portafolio online sea tan impresionante como sea posible. Por ello, en este artículo te mostraremos 21 sitios web  con portafolio sobresalientes de diseñadores y estudios creativos de todo el mundo, cada uno con una característica que lo hace especial y lo distingue entre los demás.

Haz crecer tu negocio como Shopify Partner

Exhibe tu negocio ante 600.000 comerciantes, genera mayores ganancias y crea tu mejor trabajo con una asociación que funciona. Regístrate gratis hoy.

Comienza ahora

1. Robby Leonardi

portafolio_web_inspiración_robby-leonardi

Portafolio: rleonardi.com

Qué lo hace especial: Robby incorpora una experiencia interactiva en su portafolio.

De qué se trata: Si escuchas la palabra “portafolio” y lo primero que te viene a la mente es una lista aburrida de datos, este portafolio seguro te sorprenderá, ya que Robby encontró una forma novedosa de mostrar lo que de otro modo hubiese sido información monótona: diseñó el sitio de su portafolio como un videojuego que el visitante realmente puede jugar. El diseño interactivo e increíblemente divertido de este portafolio hará que lo explores con emoción.

2. Yul Moreau

portafolio_web_inspiración_yul-moreau

Portafolio: y78.fr

Qué lo hace especial: Yul crea un ambiente verdaderamente único en su sitio.

De qué se trata: El sitio de Yul Moreau es un gran ejemplo del uso de imágenes para incentivar la interacción de los usuarios. Se inspira en los años 80 y dedica su portafolio a esta época. Con un diseño de página única con videos incrustados, imágenes y efectos de desplazamiento inteligentes, Yul detalla su experiencia y habilidades de una forma amena.

3. Daniel Spatzek

portafolio_web_inspiración_daniel-spatzek

Portafolio: danielspatzek.com

Qué lo hace especial: Daniel muestra tanto sus habilidades gráficas como de diseño web.

De qué se trata: Daniel es diseñador gráfico y web, y en su portafolio demuestra a la perfección sus habilidades en ambas disciplinas . Para ello, utiliza un montón de trucos y animaciones de CSS que le dan vida al portafolio y crean una experiencia verdaderamente dinámica.

4. ToyFight

portafolio_web_inspiración_inspiration-toyfight

Portafolio: toyfight.co

Qué lo hace especial: ToyFight utiliza un esquema de color llamativo que atrae inmediatamente la atención del visitante.

De qué se trata: Este hermoso portafolio de ToyFight, minimalista y fácil de navegar, es un deleite para los ojos, cuya combinación de diseño minimalista de colores vibrantes crea una atmósfera de creatividad y anima a los visitantes a pasar más tiempo en el sitio.

5. Studio Schurk

portafolio_web_inspiración_studio-schurk

Portafolio: studioschurk.nl

Qué lo hace especial: Studio Schurk utiliza la ilustración y el humor para atraer a los visitantes.

De qué se trata: El dúo de animación Studio Schurk muestra su sentido del humor a medida que te desplazas en el portafolio, con animaciones interesantes y divertidas que resaltan el talento del dúo.

6. Rezo Zero

portafolio_web_inspiración_rezo-zero

Portafolio: rezo-zero.com

Qué lo hace especial: Rezo Zero proporciona estudios de caso completos para varios proyectos.

De qué se trata: Rezo Zero es un estudio creativo que se especializa en estrategia de marca y creación digital. El portafolio se siente como una revista digital, ya que está lleno de hermosas imágenes y tipografías bien seleccionadas, pero lo que lo hace aún mejor es un estudio de caso detallado y cuidadosamente elaborado para cada proyecto.

También podría gustarte: 5 Easy Ways to Make Your Portfolio Website Look Fresh (próximamente en español).

7. Wokine

portafolio_web_inspiración_wokine

Portafolio: wokine.com

Qué lo hace especial: Wokine sigue las últimas tendencias de diseño visual.

De qué se trata: La pantalla dividida en dos es la última tendencia en diseño visual, y Wokine incorpora perfectamente esta técnica en el diseño de su página de inicio. El portafolio en sí es ultra minimalista, con mucho espacio y esquemas de color simples, lo que crea una buena jerarquía visual y permite entender la información importante con tan solo un vistazo.

8. Legwork Studio

portafolio_web_inspiración_legwork-studio

Portafolio: legworkstudio.com

Qué lo hace especial: Las caricaturas animadas ayudan a Legword a destacarse.

De qué se trata: Legwork es un estudio independiente con sede en Denver, Colorado que crea animaciones y experiencias interactivas. La mayoría de los visitantes quedarán impresionados por la animación única en la página de inicio; no se parece a nada que hayas visto antes.

9. Hannah Purmort

portafolio_web_inspiración_hannah-purmort

Portafolio: hannahpurmort.com

Qué lo hace especial: Hannah usa imágenes y combinaciones de colores poderosas para atraer la atención de los visitantes.

De qué se trata: Hannah Purmort es una diseñadora que cree en el diseño que conecta a las personas. Su sitio es un gran ejemplo de cómo comunicarse utilizando imágenes y color, en el que se destaca el uso del color rojo para la señalización y la navegación.

10. Werkstatt Wundersite

portafolio_web_inspiración_werkstatt-wundersite

Portafolio: werkstatt.fr

Qué lo hace especial: Werkstatt Wundersite encontró un equilibrio perfecto entre funcionalidad y estética para su portafolio.

De qué se trata: Solo porque el sitio de un portafolio tenga que estar bien diseñado, no significa que deba ser extravagante. De hecho, muchos sitios de portafolio efectivos adoptan un enfoque de diseño web más minimalista, y Werkstatt Wundersite es un gran ejemplo de esto. El sitio es clásicamente minimalista, con muchos espacios grandes y en blanco. Lo que realmente sobresale de este portafolio es la gran atención que presta a los detalles.

11. Tim Smith

portafolio_web_inspiración_tim-smith

Portafolio: mypoorbrain.com

Qué lo hace especial: Tim creó un diseño fácil de escanear basado en tarjetas.

De qué se trata: El diseñador y artista londinense Tim Smith presenta su portafolio de una manera sencilla pero sorprendente. El diseño basado en tarjetas con efectos de animación sutiles atrae inmediatamente a los usuarios. Tim utiliza efectos animados interesantes, como los títulos recortados para cada pieza, que desaparecen a medida que pasas el mouse.

También podría gustarte: 12 Beautiful Portfolio Websites to Inspire Your Own Design (próximamente en español).

12. Lounge Lizard

portafolio_web_inspiración_lounge-lizard

Portafolio: loungelizard.com

Qué lo hace especial: El portafolio de Lounge Lizard crea un ambiente relajado.

De qué se trata: Es difícil lograr que un sitio se vea profesional y divertido al mismo tiempo, sin que parezca de mal gusto, sin embargo Lounge Lizard logra este equilibrio con facilidad. Este equipo se describe a sí mismo como “brandtenders” o camareros de marca, y este portafolio inspirado en una temática de bar encaja perfectamente con su trabajo y estilo. El portafolio está lleno de estudios de casos e información detallada, presentados de manera amigable.

Haz crecer tu negocio como Shopify Partner

Exhibe tu negocio ante 600.000 comerciantes, genera mayores ganancias y crea tu mejor trabajo con una asociación que funciona. Regístrate gratis hoy.

Comienza ahora

13. STRV

portafolio_web_inspiración_strv

Portafolio: strv.com

Qué lo hace especial: STRV utiliza videos para dar a los visitantes una idea de cómo funciona la agencia.

De qué se trata: STRV es una agencia de productos digitales enfocada en la creación de experiencias móviles. El equipo se presenta a sí mismo a través de videos; un video de fondo brinda una idea de cómo funciona el equipo, y uno de pantalla completa que aparece después de hacer clic en un botón de reproducción, describe el proceso en detalle.

14. Femme Fatale

portafolio_web_inspiración_femme-fatale

Portafolio: femmefatale.paris

Qué lo hace especial: Este portafolio crea una sensación de lujo.

De qué se trata: Femme Fatale es un estudio creativo centrado en la creación de obras de arte. El equipo se describe a sí mismo como “una mezcla entre sofisticación y simplicidad", y su portafolio lo refleja de manera excelente con imágenes audaces, esquemas de color negro y tipografías nítidas que crean una apariencia sofisticada.

15. Tobias Ahlin

portafolio_web_inspiración_tobias-ahlin

Portafolio: tobiasahlin.com

Qué lo hace especial: Tobías deja que su trabajo hable por sí mismo.

De qué se trata: Tobias Ahlin va directo al grano en su portafolio, "Yo diseño y creo productos digitales". Para ello, utiliza un diseño minimalista basado en tarjetas y animaciones para presentar su trabajo, y cada estudio de caso se vincula directamente al producto final.

16. Stink Studio

portafolio_web_inspiración_stink-studio

Portafolio: stinkstudios.com

Qué lo hace especial: Stink Studio demuestra una amplia variedad de proyectos.

De qué se trata: Stink Studio se centra en ayudar a los clientes con visión de futuro a alcanzar el éxito en la cultura digital. El estudio exhibe su trabajo de forma central, con un diseño tipo masonry, y su lista de proyectos incluye sitios web, campañas de promoción e incluso experiencias VR/360.

También podría gustarte: The Benefits of Adding a Shopify Landing Page to Your Portfolio Site (and How to Make One) (próximamente en español).

17. Bert

portafolio_web_inspiración_bert

Portafolio: bert.house

Qué lo hace especial: Bert usa una mascota para crear una experiencia memorable.

De qué se trata: El estudio creativo Bert, con sede en los Países Bajos, presenta su trabajo de creación de marca, diseño y desarrollo de una manera realmente divertida y atractiva. El equipo ha creado una mascota llamada Bert ("una magnífica ave del paraíso"). Este pequeño personaje hace que el sitio web sea más personal, auténtico y confiable.

18. Sean Halpin

portafolio_web_inspiración_sean-halpin

Portafolio: seanhalpin.io

Qué lo hace especial: Sean presenta su portafolio con personalidad.

De qué se trata: Un portafolio es más que una lista de trabajos, es una oportunidad para mostrar tus habilidades individuales y tu personalidad como persona creativa. El sitio web de Sean Halpin es un excelente ejemplo de esto, ya que Sean crea no solo un portafolio, sino un pequeño mundo verde en el que puedes descubrir cómo puede ayudarte a crear el sitio perfecto.

19. Patrick David

portafolio_web_inspiración_patrick-david

Portafolio: bepatrickdavid.com

Qué lo hace especial: Patrick logra encajar todo su portafolio en una sola página.

De qué se trata: El portafolio de Patrick es un gran ejemplo de un sitio web de una página con un gran desplazamiento. Los visitantes se desplazan por el hermoso encabezado para llegar a varios proyectos de ejemplo en los que ha trabajado, seguidos de un enlace de contacto. Simple, pero muy eficaz.

20. Stereo

portafolio_web_inspiración_stereo

Portafolio: stereocreative.com

Qué lo hace especial: Stereo se centra en comprender la relación emocional de un consumidor con una marca.

De qué se trata: La agencia Stereo Creative, con sede en Londres, ha creado este sitio de portafolio, simple pero llamativo. El trabajo de la agencia ocupa un lugar central en su sitio web, con un montón de imágenes coloridas y de ancho completo, y videos que muestran lo que pueden hacer. Stereo tiene como objetivo crear una conexión emocional más profunda con los visitantes.

También podría gustarte: 14 Agencies and Freelancers You Should Follow on Instagram (próximamente en español).

21. Steven Mengin

portafolio_web_inspiración_steve-mengin

Portafolio: stevenmengin.com

Qué lo hace especial: Steven crea una introducción perfecta para su portafolio.

De qué se trata: Steven utiliza visuales poderosos para dar una idea de sus habilidades con solo un vistazo. Cuando los visitantes ingresan al sitio web de Steven, lo primero que ven es un efecto de paisaje de nubes hermosamente animado, que invita a sentarse y  simplemente disfrutar verlas ondular.

Demuestra tu profundidad

Crear un excelente portafolio de diseño web es un trabajo que implica mucho esfuerzo (tiempo, aprendizaje e iteración), pero definitivamente vale la pena. Si tienes éxito, tu portafolio demostrará la profundidad de tus habilidades como profesional creativo, mostrará tu proceso de pensamiento y le dará a los empleadores o clientes potenciales una perspectiva de cómo podría ser trabajar contigo. Espero que algunos ejemplos de portafolio enumerados en este artículo te inspiren a elevar el nivel de tu portafolio de diseño.

¿Qué sitios de portafolio te inspiran más?  Cuéntanos en la sección de comentarios.


Publicado por Pablo Golán, editor en jefe del blog de Shopify en español y responsable de marketing de contenidos y localización para España y Latinoamérica. Texto original de Nick Babich. Traducción a cargo de Gabriela Agüero.

 

¿Tienes preguntas sobre el funcionamiento de Shopify?

Escríbele un correo electrónico a nuestro equipo de Soporte Técnico, y ellos responderán en español a la brevedad posible.

soporte@shopify.com

Mapa de categorias: