1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/**
* @file about.ts
* @role Full Stack Developer · UI/UX Designer · Agency Co-founder
*/
ALVARO
RODRIGUEZ
const developer = {
available: true,
location: "Vilassar de Mar, Barcelona",
since: 2015,
agency: "BackeryStudio.com",
}
// scroll to explore ↓
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
// timeline.ts — Career chapters
Alvaro Rodriguez Garcia// Vilassar de Mar, BCN
const chapters: Chapter[] = [
{ year: 2015,
2015
Escuela de desarrollo web en Barcelona
Primer contacto con HTML, CSS y JavaScript. Descubrí que podía crear cosas de la nada con código. Fue el inicio de una obsesión.
},
{ year: "2016–2020",
2016–2020
Mundo creativo: branding, fotografía y marketing digital
Cuatro años trabajando en creatividad, dirección de arte y marketing digital. Aprendí a pensar como diseñador antes de volver a programar.
},
{ year: 2021,
2021
Freelance Full Stack Developer
Regreso al código con una perspectiva única: la mirada creativa de un diseñador combinada con la solidez técnica de un desarrollador. Proyectos para startups y empresas en Barcelona y remoto.
},
{ year: "Now",
Now
Co-fundador de BackeryStudio
Junto a mi socio, fundamos BackeryStudio: una agencia digital donde la intuición de marca se combina con lógica AI. Trabajamos con marcas en movimiento.
}
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// skills.ts — Technology stack
interface Stack {
frontend: ["Next.js 15", "React 19", "TypeScript", "Tailwind CSS 4"],
animation: ["GSAP 3", "ScrollTrigger", "Framer Motion", "Lenis"],
immersive: ["Three.js", "React Three Fiber", "R3F Drei", "WebGL"],
backend: ["Supabase", "Sanity CMS", "GraphQL", "MySQL", "Resend"],
mobile: ["Expo", "React Native", "Figma", "Adobe CC"],
}
const stack: Stack = loadFromExperience()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// agency.ts — BackeryStudio
export const studio = {
name: "BackeryStudio",
tagline: "brand intuition meets AI logic",
url: "backerystudio.com",
}
Backery Studio
Creamos sistemas para marcas en movimiento. Fotografía, branding, desarrollo web & app, automatización con IA.
open("backerystudio.com") →// "We build systems for brands in motion."
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// process.ts — How I work
enum WorkProcess {
DISCOVER = "Descubrir",
Empiezo entendiendo el negocio, no el brief. Audito el contexto competitivo, los objetivos reales y las restricciones técnicas antes de proponer nada.
ARCHITECT = "Arquitectura",
Diseño el sistema completo antes de escribir una línea de código: estructura de datos, flujos de usuario, stack tecnológico y dependencias entre servicios.
BUILD = "Construir",
Desarrollo full stack sin handoff: desde el schema de base de datos hasta la animación en pantalla. Next.js, Supabase, GSAP, Three.js — lo que el proyecto requiera.
DELIVER = "Entregar",
Hago el deploy con CI/CD, documento lo esencial y mido el resultado. La primera versión en producción es el inicio, no el final del trabajo.
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// contact.ts — Let's work together
async function contact(message: Message) {
Construyamos
algo.
}
// © 2026 ARG — alvarokrodriguez.dev