Visión general
El frontend es donde el usuario toca el producto. Una página que carga en 1 segundo genera más conversiones que una que carga en 4. Un design system bien construido ahorra semanas de maquetación. Una migración a SSR bien ejecutada puede multiplicar el tráfico orgánico. Pero la mayoría de CVs de frontend se limitan a decir "React, TypeScript, HTML, CSS" sin explicar el impacto de su trabajo.
Este ejemplo pertenece a Pablo, un desarrollador frontend con cuatro años de experiencia creando interfaces con React y TypeScript. Trabaja en Adevinta Spain (Fotocasa) en Barcelona, donde ha liderado la renovación del buscador de inmuebles utilizado por 3,6 millones de usuarios mensuales. Antes pasó por Typeform y Grupo Mediapro.
El perfil: usuarios, rendimiento y sistemas de componentes
El resumen de Pablo menciona cuatro años, React y TypeScript, Adevinta (Fotocasa/Habitaclia), 3,6 millones de usuarios mensuales, y dos áreas de interés: rendimiento web y design systems. No es un listado de tecnologías. Es una descripción funcional de lo que hace y a qué escala.
3,6 millones de usuarios mensuales en un marketplace inmobiliario es una escala que pocos productos en España pueden igualar. El reclutador sabe que Pablo trabaja con problemas reales de rendimiento, SEO y experiencia de usuario.
Experiencia: Lighthouse, bundle size y accesibilidad
En Adevinta (Fotocasa), las viñetas cuentan historias de impacto:
Lideré la migración de la SPA legacy a Next.js 14 con SSR, mejorando el LCP de 4,2s a 1,1s
Construí el design system interno (42 componentes) usado por 3 equipos y 14 desarrolladores
Mejoré la puntuación de Lighthouse de 54 a 92 optimizando lazy loading e imágenes WebP
La migración a Next.js con el dato de antes y después del LCP (4,2s a 1,1s) es un ejemplo perfecto de cómo comunicar impacto en frontend. El design system con 42 componentes adoptados por 3 equipos muestra liderazgo técnico. Y la mejora de Lighthouse de 54 a 92 es un dato que cualquier tech lead entiende.
En Typeform, el panel de lógica condicional drag-and-drop usado por 280.000 creadores, la reducción del bundle size en un 31% y la corrección de 47 violaciones de accesibilidad WCAG 2.1. En Mediapro (primer puesto), el reproductor de video personalizado para LaLiga con Video.js y HLS.
Formación: Ingeniería Multimedia enfocada a web
Pablo tiene un Grado en Ingeniería Multimedia de la UPC, con un TFG sobre optimización de rendimiento en SPAs con React. La Ingeniería Multimedia es un grado que combina programación, diseño y experiencia de usuario, lo que es ideal para un perfil de frontend que colabora estrechamente con equipos de diseño.
Habilidades: el stack moderno de frontend
React/Next.js, TypeScript, HTML5/CSS3/Sass, Tailwind CSS, Redux/Zustand, testing (Jest, Cypress, Playwright), Figma, Webpack/Vite, Git y CI/CD con GitHub Actions, y accesibilidad web (WCAG 2.1). Es un stack completo y moderno que cubre desarrollo, testing, diseño colaborativo y despliegue.
La certificación de Meta Front-End Developer y la de Web Accessibility Specialist (IAAP) refuerzan dos áreas: las bases de la plataforma dominante (Meta/Facebook) y la accesibilidad, que es cada vez más relevante tanto por normativa europea como por conciencia empresarial.
Proyectos: design system y reproductor de streaming
El design system de Fotocasa (42 componentes en Storybook, adoptado por 3 equipos, 40% de reducción en tiempo de maquetación) es un proyecto que demuestra impacto a escala de organización. El reproductor de streaming de Mediapro (HLS adaptativo, estadísticas en tiempo real durante partidos de LaLiga) muestra versatilidad técnica.
El contexto del frontend en España
El ecosistema tech de Barcelona (Adevinta, Typeform, Wallapop, Factorial, Glovo) ha generado una comunidad frontend muy fuerte. Muchos de estos productos tienen millones de usuarios y equipos de frontend con estándares altos. Si vienes de este ecosistema, tu CV tiene un peso natural. Si vienes de una consultora o empresa más pequeña, compensa con datos de rendimiento y proyectos personales publicados.
Sobre la plantilla
Usa la plantilla Emerald, limpia y bien estructurada. Para desarrolladores frontend, donde la sensibilidad por el diseño es parte del perfil, una plantilla con buena tipografía y jerarquía visual es una buena elección sin caer en el exceso.
