ALFREDO ALBERRUCHE
WEB DEVELOPER & MEDIA CREATOR
FRONTEND
& UX
From studying Web Development in La Rioja to designing, structuring and creating scalable solutions for governments and public administrations.
I worked at Brandcode building with Astro, WordPress and Drupal. Now at MB3 Gestión, I'm the bridge between design and development: I translate design systems from Figma into reusable, accessible and maintainable components.
But I don't just execute. I research, experiment and propose. I explore emerging open-source tools, evaluate cutting-edge technologies and design architectures that scale smoothly. My goal: solve systemic problems, not just individual tickets.
Design Systems · Drupal · Figma · SDC · Storybook · Component Architecture · Technical Innovation · Scalable Solutions
STACK
The tools I use daily to build digital experiences.
Drupal
Component development, theming, and complete site creation leveraging the SDC engine
WordPress
Both as CMS and Headless CMS. Wpbakery + Salient + LessCSS
Astro
My platonic love. Perfect for creating ultra-fast and dynamic websites.
Shopify
Development and customization of online stores with Shopify, working with Liquid and apps.
Moodle
I create, maintain and customize e-learning platforms with Moodle. Also creating courses in both SCORM and H5P.
Storybook
Where I create and document reusable UI components for frontend projects.
Razor
Template syntax for ASP.NET that combines C# code with HTML. Fast and efficient.
Tailwind
Same as Astro, but for CSS. I layout quickly and atomically for MVPs and later scale to BEM if needed.
Bootstrap
Both in the great stable V4 and V5. Perfect for rapid prototyping and scaling.
My main stack. Modern frameworks, clean code and scalable solutions. From Astro for ultra-fast websites to React for interactive applications.
Figma y Zeplin
I move between design mode and dev mode with ease. I master design with autolayout and components.
FLStudio
For producing, recording vocals and post-processing audio. With it I've created soundtracks, songs and voiceovers for brands like CocaCola and Vicio.
AdobePremiere
For video editing, subtitles and shorts. I've edited corporate, promotional and social media videos.
Photopea
I optimize for web, crop and edit both images and thumbnails without issues.
Remotion
My 2025 discovery for creating videos programmatically with React.
Replicate
I use AI models to generate high-quality images and multimedia content.
Not just code. I edit video, process audio and optimize images. I understand design because I practice it, and that improves my interface integration.
Contentful
The CMS I used to feed this website.
Bitbucket
For project PRs. Accustomed to the workflow.
Jira
For agile environments, agile projects.
Obsidian
To document my programming and design learning. Nodes everywhere.
Teams
For communication and video calls in corporate environments.
Tools that keep everything in order. Version control, project management and documentation. The ecosystem surrounding the code.
EXPERIENCE
From resolving technical issues to bringing digital solutions to life. A path of constant evolution.
FTTH/ADSL Technician
Management, escalation and resolution of technical incidents. I developed communication skills and ability to work under pressure.
Frontend Developer
My first experience as a developer. Projects with React, Astro, WordPress and Drupal. I learned to align design with scalability.
UX/UI Integrator
Bridge between design and development in government environments. I translate Design Systems into accessible and maintainable components. I structure and implement sites in Drupal using SDC (Single Directory Components), as well as develop templating in CKAN and manage corporate LMS.
MY SERVICES
More than code. Comprehensive solutions that combine development, design and innovation.
Swipe to see more
EDUCATION
Continuous learning. Always in learning mode.
Bachillerato CCSS
IES Brianda de Mendoza · Guadalajara
B2 English Certificate
BabelAcademy · Dublin, Ireland
G.S. Desarrollo Apps Web
IES Comercio · La Rioja
Nota: 8.7 · TFG: 10Máster Astro.js
Udemy
Web Design Figma
Udemy
Courses I want to complete:
- 1 Automation with N8N
- 2 React Native
"There's always something new to learn. Some say "Jack of all trades, master of none," but I believe that letting curiosity guide me has led me to discover new passions and skills that enrich my professional profile."
MY SOCIAL
Find me on these platforms
CONTACT
Fill out the form with what you need. It will reach me directly. I'll respond as soon as possible.
- Landing Pages Creation
- Multimedia Content Creation
- UI/UX Project Collaboration
- Request Voiceover
- Finding Intersections
- Development Proposals
¡Enviado!
Lo antes posible tendrás mi respuesta.
¡Gracias por contactar!