Armando tu Portfolio Profesional de Diseño

Tu portfolio es tu carta de presentación más poderosa. Es lo primero que mira un potencial cliente o empleador para decidir si sos el diseñador que necesita. Un portfolio bien armado puede conseguirte trabajos de miles de dólares; uno mal armado puede costarte oportunidades aunque seas talentoso. En esta lección vas a aprender a armar un portfolio que convierta visitantes en clientes.

Un portfolio efectivo no es una galería de todo lo que hiciste. Es una selección estratégica de tus mejores trabajos, presentados de forma que demuestren tu valor.

Principios clave:

1. Calidad sobre cantidad: 5 proyectos excelentes > 20 mediocres
2. Relevancia: Mostrá el tipo de trabajo que querés conseguir
3. Proceso, no solo resultado: Los clientes quieren ver cómo pensás
4. Resultados medibles: Si tu diseño aumentó ventas, conversiones o engagement, decilo
5. Narrativa: Cada proyecto debe contar una historia

Página de inicio (Landing)

Elementos esenciales:

• Headline con tu nombre y posicionamiento
• Subtítulo: qué tipo de diseño hacés y para quién
• Grid visual de tus mejores proyectos (3-6 thumbnails)
• CTA: "Ver mi trabajo" o scroll down

Ejemplo de headline:
"María González — Diseñadora de marcas para startups que quieren destacar"

Lo que NO poner en el landing:

• Slider/carousel automático (nadie lo mira completo)
• Texto largo sobre vos (eso va en "Sobre mí")
• Todos tus proyectos (seleccioná los mejores)
• Animaciones excesivas que tardan en cargar

Página de proyecto (Case Study)

Cada proyecto debe ser un caso de estudio completo. Esta es la página más importante de tu portfolio.

Estructura de un case study efectivo:

1. Hero section:

• Nombre del proyecto
• Categoría (Branding, UI/UX, Social Media, etc.)
• Imagen principal impactante
• Datos rápidos: Cliente, año, rol, herramientas

2. El desafío:

• ¿Quién es el cliente?
• ¿Cuál era el problema o necesidad?
• ¿Qué objetivos tenía el proyecto?
• ¿Cuáles eran las restricciones?

3. El proceso:

• Research: ¿Qué investigaste? (competidores, usuarios, tendencias)
• Ideación: Bocetos, moodboards, wireframes
• Diseño: Iteraciones, opciones presentadas, decisiones tomadas
• Refinamiento: Feedback del cliente y cómo lo incorporaste

4. La solución:

• El diseño final en su mejor presentación
• Mockups en contexto (dispositivos, situaciones reales)
• Detalles del sistema de diseño (colores, tipografías, componentes)
• Animaciones o prototipos interactivos si aplica

5. Los resultados:

• Métricas de impacto (si las tenés)
• Testimonio del cliente
• Lo que aprendiste

Página "Sobre mí"

Elementos:

• Tu foto profesional (no formal, pero bien iluminada y en tu estilo)
• Tu historia: cómo llegaste al diseño, qué te apasiona
• Tus habilidades y herramientas
• Datos personales que te humanicen (hobbies, dato curioso)
• Links a redes sociales

Tip: Escribí en primera persona y con tu voz auténtica. "Soy María, diseño marcas para startups que quieren dejar de parecerse a todas las demás" es mucho mejor que "María González es una diseñadora gráfica con experiencia en...".

Página de servicios (opcional)

Cuándo incluirla: Si trabajás como freelance y querés que los clientes se autogestionen.

Estructura:

• Lista de servicios que ofrecés
• Qué incluye cada uno
• Rango de precios (opcional pero recomendado para filtrar clientes)
• Proceso de trabajo (pasos)
• FAQ
• CTA: Formulario de contacto

Página de contacto

Mínimo:

• Email profesional (no gmail genérico)
• Formulario simple (nombre, email, mensaje)
• Links a redes sociales

Plus:

• Calendly o similar para agendar una llamada directamente
• WhatsApp Business link
• Respuesta automática confirmando recepción

Mockups: Mostrá tu Diseño en Contexto

Nunca muestres un diseño como un archivo plano. Siempre ponelo en contexto:

Diseño de redes sociales:

• Mockup de teléfono con la app de Instagram/LinkedIn
• Grid de Instagram con tus posts en el feed
• Stories en mockup de iPhone

Diseño de marca:

• Logo en tarjeta de presentación
• Logo en fachada de local
• Logo en packaging
• Logo en papelería corporativa

Diseño web/app:

• En laptop/monitor para desktop
• En teléfono para mobile
• En tablet para responsive
• Múltiples pantallas en una composición

Dónde conseguir mockups:

• Shots.so: Mockups de dispositivos online, gratuito
• Smartmockups: Integrado con Canva, mockups de todo tipo
• Figma Community: Mockups gratuitos para Figma
• Artboard Studio: Editor de mockups online

Composiciones de Portfolio

No muestres solo screenshots aislados. Creá composiciones que cuenten la historia:

Composición tipo galería:
Múltiples pantallas o piezas organizadas en un grid con fondo de color de marca.

Composición tipo flujo:
Pantallas conectadas con flechas mostrando el user flow.

Composición tipo detalle:
Zoom en componentes específicos (tipografía, paleta, íconos, micro-interacciones).

Composición tipo before/after:
El diseño anterior al lado del nuevo. Muy efectivo para rebranding.

Opción 1: Portfolio propio (web)

Herramientas para crear tu web portfolio:

Mi recomendación para diseñadores:

• Principiante: Carrd para empezar rápido ($19/año)
• Intermedio: Framer (diseñás visualmente, exporta como web)
• Avanzado: Webflow (control total, ideal para impresionar)

Opción 2: Behance

Ventajas:

• Gratis
• Comunidad grande de diseñadores
• Buen SEO (Google indexa bien Behance)
• Te permite publicar proyectos detallados

Desventajas:

• No es tu dominio propio
• Diseño limitado al formato de Behance
• Competís visualmente con miles de otros proyectos

Opción 3: Dribbble

Ventajas:

• La plataforma más "premium" de diseño
• Clientes de alto nivel buscan diseñadores acá
• Formato de shots es atractivo

Desventajas:

• El plan Pro es pago ($5/mes)
• Formato limitado (shots cuadrados)
• Premia más lo visual que el proceso

Recomendación: Combiná

Tené tu web portfolio como base + perfiles en Behance y Dribbble para visibilidad. Los case studies completos van en tu web; los shots atractivos van en Dribbble.

Si estás empezando y no tenés clientes aún:

Proyectos especulativos (Spec Work)

Rediseñá la marca o la app de una empresa conocida. "Rediseño concepto del app de Netflix" o "Rebrand de la cafetería de mi barrio".

Tip: Dejá claro que es un proyecto conceptual. Nunca pretendas que es un trabajo real.

Daily UI Challenge

El Daily UI Challenge (dailyui.co) te envía un prompt de diseño cada día por 100 días. Es perfecto para llenar tu portfolio con variedad.

Proyectos personales

Diseñá tu propia marca personal, una app que resuelva un problema tuyo, o el branding de un proyecto ficticio.

Voluntariado

Ofrecé diseño gratuito a ONGs, proyectos sociales o emprendedores que recién empiezan. Ganás experiencia y un proyecto real para tu portfolio.

📺 Cómo armar un portfolio de diseño que consiga clientes

1. Seleccioná 3-5 proyectos (reales o conceptuales)
2. Para cada proyecto, escribí: desafío, proceso, solución, resultado
3. Creá mockups para cada proyecto usando Shots.so
4. Elegí una plataforma (Carrd para algo rápido, Framer para algo pro)
5. Armá tu portfolio con: landing, 3 case studies, sobre mí, contacto
6. Compartí el link en tus redes sociales

Resumen

En la próxima lección, vamos a hablar de cómo monetizar tus habilidades de diseño: freelancing, pricing y cómo conseguir tus primeros clientes.