Currículum de diseñador/a web: ejemplos y guía para redactarlo

Este ejemplo corresponde a una diseñadora web con unos nueve años de experiencia entre una agencia, una marca de comercio electrónico y trabajo freelance. El nombre y las empresas son ficticios. Fíjate en la URL del portfolio en la línea de contacto y en el resultado que acompaña a cada lanzamiento.

En diseño web contrata un responsable de marketing, el director creativo de una agencia o el propio dueño del negocio. Abren primero el portfolio y luego buscan cuatro respuestas en la página.

• ¿Aguantan las webs en producción? No solo cómo se ven, sino cómo cargan y cómo se comportan en un móvil. Un responsable abrirá tu trabajo en su propio móvil durante la entrevista.
• ¿Cuánto puedes hacer sin ayuda? Solo diseño, diseño más desarrollo, o diseño, desarrollo, configuración del CMS y formación. Los equipos pequeños contratan a quien cubre todo el front-end, porque sustituye dos puestos.
• ¿Qué plataformas? WordPress, Webflow, Shopify, Squarespace, HubSpot o un desarrollo a medida. La experiencia en una plataforma no se transfiere lo bastante como para fingirla, y la entrevista va directamente ahí.
• ¿Consiguió algo la web? Tasa de conversión, formularios completados, sesiones orgánicas, velocidad de carga, rebote, ingresos. Con dos cifras te distingues de un portfolio de capturas bonitas.
• ¿Sabes entregarla? Si los clientes o el equipo de marketing pueden actualizar la web después sin romperla. Es la queja que más repiten los responsables sobre diseñadores anteriores.

“Abro dos de tus webs en mi móvil antes de leer nada. Después miro si la desarrollaste tú o solo la diseñaste, y si el cliente podía seguir usándola un año después. Unas maquetas bonitas que nadie puede mantener son peor que nada.”

La mitad de las búsquedas sobre este puesto acaban derivando hacia el desarrollo web, y las ofertas mezclan los títulos constantemente. Dejar clara tu frontera ahorra a todos una entrevista inútil.

Tres líneas. Qué construyes, en qué plataformas, cuántas webs y un resultado. Objetivo profesional solo si estás empezando.

Casi todos los currículums de diseño web dicen «diseñé y desarrollé webs responsive para clientes». Aquí tienes el mismo trabajo redactado para que signifique algo.

Entre doce y quince líneas. Di qué sabes hacer con cada herramienta y no exageres tu nivel de código, porque te lo van a poner a prueba.

Herramientas de diseño y desarrollo:

• Figma: componentes, variantes, auto layout, prototipado, entrega a desarrollo
• HTML y CSS: marcado semántico, Flexbox, Grid y un framework como Tailwind o Bootstrap si lo usas
• JavaScript: indica tu nivel real, ya sea integrar embeds e interacciones sencillas o escribir componentes
• Plataformas CMS con nombre y nivel: WordPress con Advanced Custom Fields, colecciones del CMS de Webflow, secciones Liquid de Shopify, Squarespace, HubSpot CMS
• Adobe Illustrator y Photoshop para los recursos gráficos, más nociones de animación si las tienes

Los conocimientos técnicos que más pesan al contratar:

• Maquetación responsive y estrategia de breakpoints, del móvil al escritorio panorámico
• Core Web Vitals y rendimiento: formatos y tamaños de imagen, carga diferida, aplazamiento de scripts, carga de fuentes
• Accesibilidad según WCAG 2.2 AA: contraste, estados de foco, orden de teclado, texto alternativo, etiquetas de formularios
• SEO on-page: estructura de encabezados, metadatos, enlazado interno, redirecciones y sitemaps en una migración
• Analítica y testing: eventos de GA4, mapas de calor, tests A/B y cómo interpretar un resultado con honestidad

Las competencias de trabajo por las que preguntan clientes y responsables:

• Acotar un proyecto y decir qué no cabe en el presupuesto
• Presentar el trabajo con argumentos en lugar de preguntar si gusta
• Estrategia de contenidos y redactar los textos de interfaz necesarios para que una página funcione
• Entrega: documentación, formación del cliente y plantillas editables que sobreviven a alguien que no es diseñador

«Cómo poner diseño web en el currículum» es una búsqueda real, y la respuesta honesta es que el currículum señala el trabajo en lugar de contenerlo.

1. 1Pon la URL del portfolio en la línea de contacto como texto plano. Añade un enlace a GitHub solo si hay algo que merezca la pena ver.
2. 2Redacta cada proyecto importante como un logro con el alcance y el resultado: número de páginas, plataforma, de qué te encargaste y qué pasó tras el lanzamiento.
3. 3Di qué fue tuyo. «Diseño y desarrollo front-end; integración back-end a cargo de un desarrollador» es preciso, y la precisión transmite seguridad.
4. 4Ten tres o cuatro casos de estudio en el propio portfolio, cada uno con el encargo, las limitaciones, lo que cambiaste y el resultado. Las galerías de capturas no aguantan una segunda mirada.
5. 5Para las webs que ya no existen, conserva un caso de estudio con capturas y márcalo como «web rediseñada después por el cliente». En este sector todo el mundo lo entiende.
6. 6Si el trabajo está bajo acuerdo de confidencialidad o el cliente te pide no publicarlo, descríbelo en rangos y ofrece una presentación privada. No publiques lo que no tienes permiso para publicar.
7. 7Incluye un proyecto poco vistoso: la reconstrucción de un formulario, un sistema de plantillas, una migración. Los responsables contratan para eso mucho más que para una home espectacular.

Este es el sector en el que más cuenta el trabajo autodidacta, porque una web lanzada se comprueba en diez segundos. Nadie te preguntará dónde estudiaste si las webs son reales.

1. 1Pon «Diseñador/a web» bajo tu nombre, con la URL del portfolio en la línea de contacto.
2. 2Sustituye la experiencia por una sección de Proyectos y trata cada proyecto como un empleo: cliente, alcance, plataforma, qué construiste y el resultado.
3. 3Consigue al menos dos clientes reales: un negocio del barrio, una ONG, la tienda de un amigo, una asociación vecinal. Contenido real, un plazo real y un presupuesto real cambian el trabajo de forma visible.
4. 4Lánzalas como es debido: dominio, alojamiento, analítica, formularios que llegan a un buzón y el cliente formado para editar sus propias páginas. La mitad del valor de un perfil junior está en terminar.
5. 5Indica todo lo que puedas medir: velocidad de carga antes y después, formularios completados, sesiones o la valoración del propio cliente con una cifra.
6. 6Muestra un proyecto con HTML y CSS escritos a mano, no solo con un constructor de páginas. Responde a la pregunta que los responsables hacen sobre todo perfil junior.
7. 7Una página, diseño sencillo, PDF con texto seleccionable y enlaces clicables.

• Una página hasta unos ocho años de experiencia. Dos páginas solo con una trayectoria larga en agencia o en empresa en la que cada línea aporte una cifra.
• Orden: nombre y contacto con la URL del portfolio, perfil profesional, competencias y plataformas, experiencia, lanzamientos destacados, formación académica y certificados.
• Una sola columna, texto real, sin barras de porcentaje de competencias ni maquetación de póster. Los equipos de marketing y las agencias usan sistemas de seguimiento de candidaturas (ATS) estándar.
• El trabajo freelance va en un solo bloque, «Diseñador/a web freelance», con el número de clientes, el plazo medio de entrega y tres proyectos con nombre.
• Nombra las plataformas de forma explícita. Los responsables de selección filtran por WordPress, Webflow y Shopify como palabras clave literales, y una línea genérica de «experiencia con CMS» no coincidirá.
• PDF con enlaces clicables y un nombre de archivo sencillo. Prueba los enlaces desde el archivo exportado, no desde tu herramienta de diseño.
• En España, la foto en el currículum es habitual pero opcional; si la pones, que sea sobria y profesional. No hace falta poner fecha de nacimiento ni DNI.

Términos de las ofertas que conviene repetir cuando sean ciertos: diseño web, diseño responsive, mobile-first, diseño UI, wireframes, prototipado, Figma, HTML, CSS, JavaScript, WordPress, Webflow, Shopify, Liquid, CMS, landing pages, comercio electrónico, optimización de la conversión (CRO), tests A/B, Core Web Vitals, velocidad de carga, accesibilidad, WCAG, SEO, GA4, pruebas en distintos navegadores, entrega al cliente.