INICIO PROYECTOS BLOG MI MÚSICA CONTÁCTAME
Cascos
Micrófono
Móvil
Teclado
Alfredo Alberruche

ALFREDO ALBERRUCHE

WEB DEVELOPER & MEDIA CREATOR

Cara de Alfredo observando hacia arriba

FRONTEND

& UX

De estudiar DAW en La Rioja a idear, estructurar y crear soluciones escalables para gobiernos y administraciones públicas.

Pasé por Brandcode construyendo con Astro, WordPress y Drupal. Ahora en MB3 Gestión, soy el puente entre diseño y desarrollo: traduzco sistemas de diseño en Figma a componentes reutilizables, accesibles y mantenibles.

Pero no solo ejecuto. Investigo, experimento y propongo. Exploro herramientas open-source emergentes, evalúo tecnologías punteras y diseño arquitecturas que escalen sin fricción. Mi objetivo: resolver problemas sistémicos, no solo tickets individuales.

Design Systems · Drupal · Figma · SDC · Storybook · Arquitectura de componentes · Innovación técnica · Soluciones escalables

2
años como developer
30
proyectos entregados con éxito
2
empresas Brandcode → MB3

STACK

Las herramientas que uso día a día para construir experiencias digitales.

DESARROLLO
Drupal

Drupal

Desarrollo de componentes, theming, y creación de sites completos aprovechando el motor SDC

WordPress

WordPress

Tanto como CMS, como Headless CMS. Wpbakery + Salient + LessCSS

Astro

Astro

Mi amor platónico. Perfecto para crear sitios web ultra-rápidos y dinámicos.

Shopify

Shopify

Desarrollo y personalización de tiendas online con Shopify, trabajando con Liquid y apps.

Moodle

Moodle

Creo, mantengo y personalizo plataformas e-learning con Moodle. Además de crear cursos tanto en SCORM como en H5P.

Storybook

Storybook

Donde creo y documento componentes UI reutilizables para proyectos frontend.

Razor

Razor

Sintaxis de plantillas para ASP.NET que combina código C# con HTML. Rápido y eficiente.

Tailwind

Tailwind

Igual que con Astro, pero para CSS. Maqueto de forma rápida y atómica para los mvps y posteriormente escalo a Bem si es necesario.

Bootstrap

Bootstrap

Tanto en la gran estable V4, como en la V5. Perfecto para prototipar rápido y escalar.

01

Mi stack principal. Frameworks modernos, código limpio y soluciones escalables. Desde Astro para webs ultra-rápidas hasta React para aplicaciones interactivas.

DISEÑO & MEDIA
Figma y Zeplin

Figma y Zeplin

Me muevo entre el design mode y dev mode con facilidad. Domino el diseño con autolayout y componentes.

FLStudio

FLStudio

Para producir, grabar voces y post-procesar audio. Con él he creado BSOS, canciones y VoiceOvers para marcas de la talla de CocaCola y Vicio.

AdobePremiere

AdobePremiere

Para edición de vídeos, subtítulos y shorts. He editado vídeos corporativos, promocionales y para redes sociales.

Photopea

Photopea

Optimizo a web, recorto y edito tanto imágenes como miniaturas sin problemas.

Remotion

Remotion

Mi descubrimiento del 2025 para crear vídeos programáticamente con React.

Replicate

Replicate

Utilizo modelos de IA para generar imágenes y contenido multimedia de alta calidad.

02

No solo código. Edito vídeo, proceso audio y optimizo imágenes. Entiendo el diseño porque lo practico, y eso mejora mi integración de interfaces.

WORKFLOW
Contentful

Contentful

El CMS con el que alimenté esta web.

Bitbucket

Bitbucket

Para las PR de los proyectos. Acostumbrado al workflow.

Jira

Jira

A entornos ágiles, proyectos ágiles.

Obsidian

Obsidian

Para documentar mi aprendizaje de programación y de diseño. Nodos por doquier.

Teams

Teams

Para comunicación y videollamadas en entornos corporativos.

03

Herramientas que mantienen todo en orden. Control de versiones, gestión de proyectos y documentación. El ecosistema que rodea al código.

EXPERIENCIA

De resolver incidencias técnicas a dar vida a soluciones digitales. Un camino de evolución constante.

2017 2017 → 2022
ORANGE

Técnico FTTH/ADSL

Gestión, escalado y resolución de incidencias técnicas. Desarrollé habilidades de comunicación y trabajo bajo presión.

Técnico N2Torre de controlQuality Former
2024 2024 → 2025
BRANDCODE

Frontend Developer

Mi primera experiencia como developer. Proyectos con React, Astro, WordPress y Drupal. Aprendí a alinear diseño con escalabilidad.

React & AstroWordPress & DrupalTailwindCSS
2025 2025 → Actualmente
MB3 GESTIÓN

Integrador UX/UI

Nexo entre diseño y desarrollo en entornos gubernamentales. Traduzco Design Systems a componentes accesibles y mantenibles. Estructuro e implemento sites en Drupal mediante SDC (Single Directory Components), además de desarrollar templatings en CKAN y gestionar LMS's corporativos.

Design SystemsDrupalAccesibilidadStorybook

MIS SERVICIOS

Más que código. Soluciones integrales que combinan desarrollo, diseño e innovación.

01

Frontend Development

Desarrollo de interfaces modernas en Drupal, AstroJS, Shopify, Wordpress...

02

UX Integration

De Figma a código, respetando Design Systems y abogando por el diseño atómico de interfaces.

03

Drupal & CMS

Soluciones robustas para proyectos enterprise. SDC & Theming avanzado.

04

Creación de contenido

Edición de vídeo, audio, producción musical y voiceover. Premiere, FL Studio, Photoshop...

05

AI Tools

Modelos de IA con Flux. Voiceovers y contenido generativo.

06

Research & Innovation

Exploro tecnologías emergentes y propongo soluciones con contexto. Buscar intersecciones es mi fuerte.

Desliza para ver más

ESTUDIOS

Formación continua. Siempre en modo aprendizaje.

Completado
100%

Bachillerato CCSS

IES Brianda de Mendoza · Guadalajara

100%

B2 English Certificate

BabelAcademy · Dublin, Ireland

100%

G.S. Desarrollo Apps Web

IES Comercio · La Rioja

Nota: 8.7 · TFG: 10
80%

Máster Astro.js

Udemy

75%

Web Design Figma

Udemy

Próximamente

Cursos que quiero completar:

  • 1 Automatización con N8N
  • 2 React Native

"Siempre hay algo nuevo que aprender. Hay quien dice que "El que mucho abarca, poco aprieta", pero considero que dejarme guiar por la curiosidad me ha llevado a descubrir nuevas pasiones y habilidades que enriquecen mi perfil profesional."

SOCIAL

MIS REDES

Encuéntrame en estas plataformas

CONTACTO

Rellena el formulario con lo que necesites comentarme. Me llegará directamente a mi bandeja. Te responderé lo antes posible.

  • Creación de Landings Pages
  • Creación de contenido multimedia
  • Colaboración en proyectos UI/UX
  • Solicitar Locución / Voiceover
  • Búsqueda de intersecciones
  • Propuestas de desarrollo

¡Enviado!

Lo antes posible tendrás mi respuesta.
¡Gracias por contactar!