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
Web development school in Barcelona
First contact with HTML, CSS and JavaScript. Discovered I could build things from nothing with code. The beginning of an obsession.
},
{ year: "2016–2020",
2016–2020
Creative world: branding, photography and digital marketing
Four years working in creativity, art direction and digital marketing. Learned to think like a designer before returning to programming.
},
{ year: 2021,
2021
Freelance Full Stack Developer
Back to code with a unique perspective: the creative eye of a designer combined with the technical depth of a developer. Projects for startups and companies in Barcelona and remote.
},
{ year: "Now",
Now
Co-founder of BackeryStudio
Together with my partner, we founded BackeryStudio: a digital agency where brand intuition meets AI logic. We work with 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
// 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
We create systems for brands in motion. Photography, branding, web & app development, AI automation.
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 = "Discover",
I start by understanding the business, not the brief. I audit the competitive context, the real objectives, and technical constraints before proposing anything.
ARCHITECT = "Architect",
I design the full system before writing a single line of code: data structure, user flows, technology stack, and dependencies between services.
BUILD = "Build",
Full stack development with no handoff: from the database schema to the on-screen animation. Next.js, Supabase, GSAP, Three.js — whatever the project demands.
DELIVER = "Deliver",
I deploy with CI/CD, document what matters, and measure the result. The first production release is the beginning, not the end of the work.
}
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) {
Let's build
something.
}
// © 2026 ARG — alvarokrodriguez.dev