Andros Guiradó — year-by-year professional timeline

Every year of activity: career steps, studio milestones, conference talks, awards, and projects with skills and roles. Derived from the knowledge graph at https://androsguirado.dev/knowledge-graph.json. Machine-readable version: https://androsguirado.dev/timeline.json

1986

Career: Primària — Student at C.P. Samuntada, Sabadell (1986–1996)

1994

Career: Còmic — Student at Escola Joso, Sabadell (1994–1997)

1996

Career: ESO — Student at Escola Industrial, Sabadell (1996–1998)

1998

Career: Batchillerat Artístic — Student at Jaume Viladoms, Sabadell (1998–2000)

1999

Started using: Adobe Photoshop

2000

Career: Grau superior en gráfica publicitaria — Student at Escola Illa, Sabadell (2000–2002)
Started using: Macromedia Freehand

2001

Career: Animation with Flash — Student at Escola Illa, Sabadell (2001–2001). Cursillo de animación en Flash impartido por Xnografics
Career: First design job — Designer / Web developer at Haro Comunicación, Sabadell (2001–2003). I started my first professional Flash sites here
Started using: Macromedia / Adobe Flash

Projects (1)

In line (at Freelance · animation) — roles: creative, art direction, animator, photo editor, audio designer — skills: Macromedia / Adobe Flash, Adobe Photoshop, Macromedia Freehand

Skills used in 2001: Macromedia / Adobe Flash, Adobe Photoshop, Macromedia Freehand Roles performed in 2001: creative, art direction, animator, photo editor, audio designer

2002

Career: Grau superior en il·lustració — Student at Escola Illa, Sabadell (2002–2003). I leave at the middle of second year
Studio (CocoBongo): CocoBongo's creation
Studio (CocoBongo): Moves to La Nau
Started using: ActionScript, Adobe After Effects, Dreamweaver, HTML

Projects (2)

Prensas (agency: Haro Comunicación · at Haro Comunicación · website) — roles: frontend developer, art direction — skills: Macromedia / Adobe Flash, HTML, ActionScript, Dreamweaver
Chairs weddings (agency: Haro Comunicación · at Haro Comunicación · website) — roles: frontend developer, art direction — skills: Macromedia / Adobe Flash, HTML, ActionScript, Dreamweaver

Skills used in 2002: Macromedia / Adobe Flash, HTML, ActionScript, Dreamweaver Roles performed in 2002: frontend developer, art direction

2003

Career: I join CocoBongo — Developer at CocoBongo, Sabadell (2003–present)
Studio (CocoBongo): Alfred leaves the team
Studio (CocoBongo): Moves to Via Massaguè
Award: Smiling Face (Silver) — for: Beetle dream
Award: Smiling Face (Gold) — for: Beetle dream
Started using: Adobe Illustrator

Projects (2)

Beetle dream (client: Volkswagen · agency: BCD · at CocoBongo · animation) — roles: creative — skills: Macromedia / Adobe Flash — awards: Smiling Face (Silver), Smiling Face (Gold) — https://vimeo.com/manage/videos/12013595
CocoBongo's site '03 (client: CocoBongo · at CocoBongo · website, portfolio) — roles: frontend developer, backend developer, photo editor — skills: Macromedia / Adobe Flash, ActionScript — https://web.archive.org/web/20040211090350/http://www.ccbng.com:80/cocobongo.html

Skills used in 2003: Macromedia / Adobe Flash, ActionScript Roles performed in 2003: creative, frontend developer, backend developer, photo editor

2004

Studio (CocoBongo): We are sponsored by Cdmon
Started using: CSS, MySQL, PHP, SubEthaEdit

Projects (5)

FEC Reus '04 (client: POCC · agency: Valdrada · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript — https://www.fecfestival.com
Mates shoes (client: Mates shoes · agency: Valdrada · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — www.mates.es
Fürkinder website (client: Fürkinder · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, PHP, MySQL, SubEthaEdit — https://web.archive.org/web/20080223090240/http://www.furkinder.es
52 (client: Localia TV · agency: Xnografics · at CocoBongo) — roles: animator — skills: Adobe After Effects, Adobe Photoshop, Adobe Illustrator — https://www.youtube.com/watch?v=UsbUvkPGsvE
Habit Attractions (client: Habit Fashion · agency: Xnografics · at CocoBongo · website) — roles: frontend developer, game designer — skills: Macromedia / Adobe Flash, ActionScript — http://www.cocobongo.tv/archive/habit_attractions

Skills used in 2004: Macromedia / Adobe Flash, HTML, ActionScript, PHP, MySQL, SubEthaEdit, Adobe After Effects, Adobe Photoshop, Adobe Illustrator Roles performed in 2004: frontend developer, backend developer, animator, game designer

2005

Studio (CocoBongo): Oriol joins the team
Studio (CocoBongo): Chuso leaves the team
Studio (CocoBongo): Select C, Ed. Index Book
Studio (CocoBongo): H-magazine
Talk: Campus Crea at Campus Party, Valencia

Projects (7)

FEC Reus '05 (client: POCC · agency: Valdrada · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript — https://web.archive.org/web/20050305235008/http://pocc-fec.com/reu/index.html
Monlleure (client: Monlleure Associació · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — https://www.ccbng.com/archive/monlleure
Kane NYC (client: Kane NYC · agency: Vasava, Seisgrados · at CocoBongo · website, banner) — roles: creative, frontend developer, ux / ui, art direction, backend developer, animator, photo editor — skills: Macromedia / Adobe Flash, ActionScript, Adobe Photoshop, Adobe Illustrator, MySQL, SubEthaEdit — http://cocobongo.tv/#work-135
CocoBongo's site '05 (client: CocoBongo · at CocoBongo · website, portfolio, CMS) — roles: frontend developer, backend developer, photo editor — skills: Macromedia / Adobe Flash, ActionScript, PHP, MySQL — https://web.archive.org/web/20040211090350/http://www.ccbng.com:80/cocobongo.html
Tekken 5 - IronFist Tournament (client: Sony Playstation · agency: Xnografics, Seisgrados · at CocoBongo · website) — roles: frontend developer, data visualizer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, PHP, MySQL, SubEthaEdit — http://cocobongo.tv/#work-128
Impladent (client: Impladent · agency: Haro Comunicación · at Haro Comunicación · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript
Guerrero & Partners (client: Guerrero & Partners · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — https://web.archive.org/web/20060208163834/http://guerrero-partners.es

Skills used in 2005: Macromedia / Adobe Flash, HTML, ActionScript, Adobe Photoshop, Adobe Illustrator, MySQL, SubEthaEdit, PHP Roles performed in 2005: frontend developer, backend developer, creative, ux / ui, art direction, animator, photo editor, data visualizer

2006

Career: ADG-Laus — Jury member at ADG-Laus, Barcelona (2006–2010)
Studio (CocoBongo): Select D, Ed. Index Book
Studio (CocoBongo): Fallen Angel appears in Cuarto Milenio
Started using: JS, TextMate

Projects (12)

Sagrera website (client: Sagrera · agency: Toormix · at CocoBongo · website, CMS) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, JS, PHP, MySQL, SubEthaEdit — https://cocobongo.tv/archive/sagrera/idioma.html
FEC Reus '06 (client: POCC · agency: Valdrada · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript — https://web.archive.org/web/20060529180608/http://www.pocc-fec.com/reu/index.html
John Smith Sports (client: John Smith · agency: Xnografics · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript
Concurso de Mates (client: John Smith · agency: Xnografics · at CocoBongo · website, CMS) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, PHP, MySQL, SubEthaEdit — http://www.johnsmithsport.com/concurso_mates
CyberDogs (client: CDMon · at CocoBongo · animation) — roles: audio designer — skills: Adobe After Effects — https://vimeo.com/13121589
The Misty Blue - Sé infiel (client: Nordic Mist · agency: Vasava, Seisgrados · at CocoBongo · website, viral) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, MySQL — http://www.themistyblue.com
Fallen Angel (client: Diesel · at CocoBongo · website, viral, blog, animation) — roles: creative, frontend developer — skills: Macromedia / Adobe Flash, ActionScript, Adobe After Effects, Adobe Photoshop, Adobe Illustrator — https://www.youtube.com/watch?v=AveJSRL8KgQ
Phlus (client: Plataforma Logistica Huesca Sur · agency: Bassat Ogilvy · at CocoBongo) — roles: animator — skills: Adobe After Effects, Adobe Illustrator
Eddie Saeta (client: Eddie Saeta · at CocoBongo · website) — roles: frontend developer, game designer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, Adobe After Effects, MySQL, SubEthaEdit — http://cocobongo.tv/#work-126
Un lloc un món (client: Un lloc un món · agency: David Resplandí · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — http://cocobongo.tv/#work-141
Gloria Calsina website (client: Dra. Gloria Calsina · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript, PHP, MySQL, TextMate — https://www.gcalsina.org
Siluetes Nadal (client: Hotel Ommm · agency: Run design · at CocoBongo · installation) — roles: animator — skills: Adobe After Effects

Skills used in 2006: Macromedia / Adobe Flash, ActionScript, JS, PHP, MySQL, SubEthaEdit, HTML, Adobe After Effects, Adobe Photoshop, Adobe Illustrator, TextMate Roles performed in 2006: frontend developer, backend developer, audio designer, creative, animator, game designer

2007

Studio (CocoBongo): Become S.L.
Studio (CocoBongo): Fallen Angel inspires Rec Film
Studio (CocoBongo): Moves to Àngel Guimerà
Talk: BCN MAD-Festival at Punt Multimèdia, Barcelona
Started using: MooTools

Projects (11)

Clinica Birbe website (client: Clinica Birbe · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, PHP, MySQL, TextMate — https://web.archive.org/web/20070620025343/https://www.birbe.org
Fallen Angel - Making of (client: Diesel · at CocoBongo · website, viral) — roles: creative, frontend developer — skills: Macromedia / Adobe Flash, ActionScript, Adobe Photoshop, Adobe Illustrator — https://www.vice.com/es/article/mg4pw3/primeros-videos-virales-espana
FEC Reus '07 (client: POCC · agency: Valdrada · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript — https://web.archive.org/web/20080402111728/http://www.pocc-fec.com/reu/index.html
AD180 (client: AD180 · agency: Pavlov · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — http://www.ad180.es
**Passat ** (client: Volkswagen · agency: Tribal DDB · at CocoBongo · website, banner) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — https://www.cocobongo.tv/archive/vw_passat
CocoBongo's site '07 (client: CocoBongo · at CocoBongo · website, portfolio, CMS) — roles: frontend developer, backend developer, photo editor — skills: Macromedia / Adobe Flash, ActionScript, PHP, MySQL, TextMate — https://cocobongo.tv/07
Juega con el tiempo (client: Volkswagen · agency: Tribal DDB · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, Adobe Photoshop — https://www.ccbng.com/archive/vw_eos
Golf por 250€ (client: Volkswagen · agency: Tribal DDB · at CocoBongo · website, banner) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — http://www.golfpor250euros.com
Retrovespa (at CocoBongo · website) — roles: creative, frontend developer, ux / ui, animator — skills: Macromedia / Adobe Flash, ActionScript, Adobe Illustrator — www.retrovespa.es
Axel N' Rose (client: Axel N' Rose · agency: Xnografics · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — http://cocobongo.tv/archive/axel_rose
Tiguan (client: Volkswagen · agency: Tribal DDB · at CocoBongo · website, banner) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — https://www.ccbng.com/archive/vw_tiguan

Skills used in 2007: Macromedia / Adobe Flash, ActionScript, PHP, MySQL, TextMate, Adobe Photoshop, Adobe Illustrator, HTML Roles performed in 2007: frontend developer, backend developer, creative, photo editor, ux / ui, animator

2008

Studio (CocoBongo): EX7 interview
Talk: BCN Visual Sound at Golferichs, Barcelona
Started using: GSAP, WordPress

Projects (7)

Seisgrados (client: Seisgrados · at CocoBongo · website, portfolio, experiment, CMS) — roles: frontend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript, MooTools, JS, PHP, MySQL, TextMate — http://seisgrados.com
Blue motion (client: Volkswagen · agency: Tribal DDB · at CocoBongo · website) — roles: creative, frontend developer — skills: Macromedia / Adobe Flash, ActionScript, Adobe After Effects — https://www.ccbng.com/archive/bluemotion
Screensaver Bones (client: Aclasta · agency: Pavlov · at CocoBongo · screensaver) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript
Las reglas han cambiado (client: Cruzcampo · agency: Ogilvy One - Interactive · at CocoBongo · website, game, banner) — roles: creative, frontend developer, game designer — skills: Macromedia / Adobe Flash, ActionScript — https://www.cocobongo.tv/archive/cruzcampo_light
Coco's Island - Blog (client: CocoBongo · at CocoBongo · website, blog) — roles: frontend developer, CMS management, backend developer — skills: WordPress, HTML, ActionScript, CSS, PHP, MySQL — https://web.archive.org/web/20120123104918/http://www.ccbng.com/blog
Raíces (client: Camper · agency: Herraiz Soto · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP — https://www.cocobongo.tv/archive/camper-raices
AJuntament de Barcelona (client: Ajuntament de Barcelona · agency: Herraiz Soto · at CocoBongo · website, interactive christmas) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, Adobe Photoshop, Adobe Illustrator — https://www.cocobongo.tv/archive/xmas-AjBcn/index_cat.html

Skills used in 2008: Macromedia / Adobe Flash, HTML, ActionScript, MooTools, JS, PHP, MySQL, TextMate, Adobe After Effects, WordPress, CSS, GSAP, Adobe Photoshop, Adobe Illustrator Roles performed in 2008: frontend developer, creative, game designer, CMS management, backend developer

2009

Career: Postgrau disseny interactiu — Teacher at Elisava, Barcelona (2009–2009)
Studio (CocoBongo): Molina's Yeti
Started using: Adobe Pixel Bender, Papervision3D, PhpStorm

Projects (7)

Junta de Andalucia (client: Junta de Andalucia · agency: AIS Spain · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP — https://www.juntadeandalucia.es
Cherry World (client: Intima Cherry · agency: Pavlov · at CocoBongo · website) — roles: frontend developer — skills: Papervision3D, Macromedia / Adobe Flash, ActionScript, GSAP, TextMate — http://www.intima-cherry.com
Mediterranean Sneakers (client: Camper · agency: Herraiz Soto · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP — https://www.cocobongo.tv/archive/camper-med
Your Special Edition (client: BMW · agency: Herraiz Soto · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PHP, MySQL, TextMate
Trash (client: Carles Majo · agency: David Resplandí · at CocoBongo · website, viral, blog) — roles: frontend developer — skills: WordPress, HTML, CSS, PHP, MySQL
Screensavers (client: LG · agency: Herraiz Soto · at CocoBongo · screensaver) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP
Christmas '09 (client: Mango · agency: Nopiun · at CocoBongo · website, interactive christmas) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PHP, MySQL, PhpStorm — https://cocobongo.tv/client/mango/xmas-2009

Skills used in 2009: Macromedia / Adobe Flash, ActionScript, GSAP, Papervision3D, TextMate, PHP, MySQL, WordPress, HTML, CSS, PhpStorm Roles performed in 2009: frontend developer, backend developer

2010

Career: Postgrau disseny interactiu — Teacher at Elisava, Barcelona (2010–2010)
Studio (CocoBongo): Select I, Ed. Index Book
Talk: Tertulia Interactiva: 5+1 at Club de Creativos (DHUB), Barcelona
Award: Festival el Sol (Shortlist) — for: La diversión nunca termina

Projects (9)

Game Tuberias (client: Nocilla · agency: AIS Spain · at CocoBongo · game) — roles: frontend developer, game designer — skills: Macromedia / Adobe Flash, ActionScript
Big Fish (client: Big Fish · at CocoBongo · website) — roles: creative, frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PhpStorm — https://www.cocobongo.tv/client/bigfish
Un Martini con Martín (client: Martini · agency: Seisgrados · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PHP, MySQL, PhpStorm — https://cocobongo.tv/client/martini
Fiestas Limón (client: Bacardí · agency: Seisgrados · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PhpStorm — http://cocobongo.tv/client/seisgrados/bacardi/
La diversión nunca termina (client: Nocilla · agency: AIS Spain · at CocoBongo · banner) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP — awards: Festival el Sol (Shortlist) — https://cocobongo.tv/#work-33
Got Milk? (client: California Milk Processor Board · agency: Herraiz Soto · at CocoBongo · website) — roles: frontend developer, backend developer, shader designer — skills: Macromedia / Adobe Flash, Adobe Pixel Bender, ActionScript, GSAP, PhpStorm — https://www.cocobongo.tv/archive/toma_leche
CocoBongo's site '10 (client: CocoBongo · at CocoBongo · website, portfolio, CMS) — roles: frontend developer, backend developer, photo editor — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PHP, MySQL, PhpStorm — https://www.cocobongo.tv/10
Extraordinary Crafts (client: Camper · agency: Herraiz Soto · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Papervision3D, Macromedia / Adobe Flash, ActionScript, GSAP — https://www.cocobongo.tv/client/herraizsoto/camper_crafts
Christmas '10 (client: Mango · at CocoBongo · website, interactive christmas) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PHP, MySQL, PhpStorm — http://cocobongo.tv/client/Mango/xmas-2010

Skills used in 2010: Macromedia / Adobe Flash, ActionScript, GSAP, PhpStorm, PHP, MySQL, Adobe Pixel Bender, Papervision3D Roles performed in 2010: frontend developer, game designer, creative, backend developer, shader designer, photo editor

2011

Studio (CocoBongo): Move to La Rambla
Started using: Sublime Text, jQuery

Projects (3)

Wellness (client: Roca · at CocoBongo · website, installation) — roles: creative, frontend developer, data visualizer, ux / ui, backend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PhpStorm — https://www.cocobongo.tv/client/roca
Flagship Shibuya (client: Bershka · agency: Alex Montiel · at CocoBongo · installation) — roles: creative, frontend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, Adobe Illustrator — https://cocobongo.tv/#work-18
11250 secretos (client: Torres, Jean Leon · at CocoBongo · website) — roles: frontend developer, data visualizer, backend developer — skills: Papervision3D, Macromedia / Adobe Flash, ActionScript, GSAP, MySQL, Sublime Text — https://cocobongo.tv/client/torres/JeanLeon

Skills used in 2011: Macromedia / Adobe Flash, ActionScript, GSAP, PhpStorm, Adobe Illustrator, Papervision3D, MySQL, Sublime Text Roles performed in 2011: creative, frontend developer, data visualizer, ux / ui, backend developer

2012

Studio (CocoBongo): Psycho-images appears in Chilean TV show
Studio (CocoBongo): Select K, Ed. Index Book
Talk: BIMS at Biblioteca Vapor Badia (org. Escola Illa), Sabadell
Award: Sol (Silver) — for: Face dancers
Started using: Adobe Air

Projects (3)

Face dancers (client: San Miguel, Primavera Sound · agency: Mr. John Sample, S.C.P.F. · at CocoBongo · website, CMS) — roles: frontend developer, data visualizer, backend developer — skills: Macromedia / Adobe Flash, ActionScript, GSAP, PHP, MySQL, Sublime Text — awards: Sol (Silver), Laus (Silver) — https://www.cocobongo.tv/archive/sanmiguel_primavera_sound
Microbio Gentleman v.1 (client: Microbio Gentleman · at CocoBongo · website, experiment) — roles: frontend developer — skills: Macromedia / Adobe Flash, ActionScript — https://www.cocobongo.tv/client/microbio
De mujer a mujer (client: Fundación Vicente Ferrer · agency: Jorge Martínez · at CocoBongo · website) — roles: frontend developer, backend developer — skills: jQuery, HTML, CSS, JS, PHP, Sublime Text — http://www.demujeramujer.es

Skills used in 2012: Macromedia / Adobe Flash, ActionScript, GSAP, PHP, MySQL, Sublime Text, jQuery, HTML, CSS, JS Roles performed in 2012: frontend developer, data visualizer, backend developer

2013

Studio (CocoBongo): Psycho-images appears in Chilean TV show
Award: Laus (Silver) — for: Face dancers
Started using: Arduino, Drupal

Projects (1)

Tricentenari BCN (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website, game) — roles: frontend developer, game designer, backend developer — skills: Drupal, HTML, CSS, JS, PHP, MySQL, Sublime Text — https://tricentenari.bcn.cat/ca

Skills used in 2013: Drupal, HTML, CSS, JS, PHP, MySQL, Sublime Text Roles performed in 2013: frontend developer, game designer, backend developer

2014

Studio (CocoBongo): Become S.C.P.
Studio (CocoBongo): Move to Eix Macià
Started using: D3, Less, Sass

Projects (8)

Bcn Re-set (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Drupal, HTML, CSS, JS, MySQL, Sublime Text — https://tricentenari.bcn.cat/BCNreset
Rig Wizards (client: Rig Wizards · agency: Herraiz Soto · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, Adobe Pixel Bender, ActionScript, GSAP — https://cocobongo.tv/#work-46
The Ride Ibiza (client: The Ride Ibiza · at CocoBongo · website) — roles: frontend developer — skills: WordPress, HTML, CSS, JS, PHP — https://www.theride.es
Triangle Mesh (client: CocoBongo · at CocoBongo · app, experiment) — roles: creative, frontend developer, art direction, backend developer — skills: Adobe Air, ActionScript, Adobe Illustrator
Ahora no podemos parar (client: Unicef · agency: Mr. John Sample, S.C.P.F. · at CocoBongo · website) — roles: frontend developer, tool developer — skills: jQuery, HTML, CSS, GSAP, Adobe After Effects, JS, PHP, Sublime Text — https://vimeo.com/203796253
Memòria Tricentenari BCN (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, data visualizer — skills: D3, HTML, CSS, JS — https://memoriatricentenaribcn.bcn.cat
BCN · Novel·la històrica '14 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Drupal, HTML, CSS, JS, Sass, PHP, MySQL, Sublime Text — https://www.barcelona.cat/novel.lahistorica
La otra carta (client: Ikea · agency: MRM-McCann · at CocoBongo · website) — roles: frontend developer, shader designer — skills: Macromedia / Adobe Flash, Adobe Pixel Bender, ActionScript, GSAP, Adobe Photoshop — awards: Premios Eficacia - Comunicación Comercial (Gold), Premios Eficacia - Reconocimiento Especial Investigación (Gold) — https://www.cocobongo.tv/archive/ikea/la-otra-carta

Skills used in 2014: Drupal, HTML, CSS, JS, MySQL, Sublime Text, Macromedia / Adobe Flash, Adobe Pixel Bender, ActionScript, GSAP, WordPress, PHP, Adobe Air, Adobe Illustrator, jQuery, Adobe After Effects, D3, Sass, Adobe Photoshop Roles performed in 2014: frontend developer, creative, art direction, backend developer, tool developer, data visualizer, shader designer

2015

Award: Premios Eficacia - Comunicación Comercial (Gold) — for: La otra carta
Award: CSS Nectar (SOTD) — for: CocoBongo's site '15
Award: French Design (SOTD) — for: CocoBongo's site '15
Award: Unmatchedstyle (SOTD) — for: CocoBongo's site '15
Award: Design Licks (SOTD) — for: CocoBongo's site '15
Award: CSS Reel (SOTD) — for: CocoBongo's site '15
Award: Premios Eficacia - Reconocimiento Especial Investigación (Gold) — for: La otra carta
Started using: Cordova, Git, Grunt, Three.js, WebGL

Projects (10)

Hotel Amour (client: Ikea · agency: MRM-McCann · at CocoBongo · website, CMS) — roles: frontend developer, data visualizer, backend developer — skills: Git, PHP, MySQL, Sublime Text — https://www.youtube.com/watch?v=AfSLXZcEsvg
Llum Bcn / Santa Eulàlia '15 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, CSS, GSAP, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/llumbcn
Terracitas (client: Ikea · agency: MRM-McCann · at CocoBongo · website, CMS) — roles: frontend developer, data visualizer, backend developer — skills: Git, PHP, MySQL, Sublime Text — https://www.terracitas.es
De mujer a mujer - Onlife (client: Fundación Vicente Ferrer · at CocoBongo · website) — roles: frontend developer, backend developer — skills: jQuery, HTML, CSS, JS, Git, PHP, MySQL, Sublime Text — http://www.ccma.cat/tv3/alacarta/generacio-digital/concert-virtual-solidari/video/5514238/?fbclid=IwAR12adNTc8UQ6UK2ReRfVjC7EKlZUSuVoN20UCTswBmanDawBQ0fp0naDdY
Món Llibre '15 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, Less, CSS, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/monllibre
Espectacool App website (client: Club Vips · agency: MRM-McCann · at CocoBongo · website) — roles: frontend developer — skills: Macromedia / Adobe Flash, HTML, ActionScript, CSS, GSAP, Git — http://cocobongo.tv/archive/club-vips
Amigos de las terrazas (client: Ikea · agency: MRM-McCann · at CocoBongo · website, CMS) — roles: frontend developer, data visualizer, backend developer — skills: Git, PHP, MySQL, Sublime Text — awards: Premios Eficacia - Comunicación Comercial (Gold) — https://www.amigosdelasterrazas.org
CocoBongo's site '15 (client: CocoBongo · at CocoBongo · website, portfolio, CMS) — roles: frontend developer, backend developer, photo editor — skills: jQuery, HTML, Less, CSS, GSAP, JS, Git, PHP, MySQL, Sublime Text — awards: CSS Nectar (SOTD), French Design (SOTD), Unmatchedstyle (SOTD), Design Licks (SOTD), CSS Reel (SOTD) — https://www.cocobongo.tv/18
Why? (client: Rob Duncan · agency: Mucho (San Francisco) · at CocoBongo · website, blog) — roles: frontend developer, CMS management, backend developer — skills: WordPress, HTML, CSS, JS, Git, PHP, Visual Studio Code — http://www.why.design
BCN · Novel·la històrica '15 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Drupal, HTML, CSS, JS, Sass, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/novel.lahistorica

Skills used in 2015: Git, PHP, MySQL, Sublime Text, Drupal, jQuery, HTML, CSS, GSAP, JS, Visual Studio Code, Less, Macromedia / Adobe Flash, ActionScript, WordPress, Sass Roles performed in 2015: frontend developer, data visualizer, backend developer, CMS management, photo editor

2016

Award: Premios Eficacia - Comunicación Comercial (Gold) — for: Amigos de las terrazas
Award: FWA (SOTD) — for: Fallen Angel 10th
Award: CSS Awards (SOTD) — for: Fallen Angel 10th
Started using: GLSL, Pixi.js, Pug, Stylus, Visual Studio Code

Projects (8)

Peoxel (client: CocoBongo · at CocoBongo · app) — roles: frontend developer, data visualizer, art direction, backend developer — skills: Three.js, WebGL, Cordova, HTML, GSAP, JS, Grunt, PHP, MySQL, Visual Studio Code — https://www.cocobongo.tv/peoxel/simulation
Llum Bcn / Santa Eulàlia '16 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, Less, CSS, GSAP, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/llumbcn
Món Llibre '16 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, Less, CSS, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/monllibre
20 aniversario (client: Fundación Vicente Ferrer · at CocoBongo · website) — roles: creative, frontend developer, data visualizer — skills: jQuery, HTML, CSS, GSAP, JS, Grunt, Git, Adobe Illustrator — http://www.fundacionvicenteferrer.org/20aniversario
#Muévete (client: Font Vella · agency: Vinizius - Young & Rubicam · at CocoBongo · website) — roles: frontend developer, data visualizer, backend developer — skills: jQuery, HTML, CSS, GSAP, Stylus, JS, Pug, Grunt, Git, PHP, Visual Studio Code — https://www.cocobongo.tv/client/fontvella/muevete
Fallen Angel 10th (client: CocoBongo · at CocoBongo · website) — roles: creative, frontend developer, audio designer — skills: Three.js, WebGL, jQuery, HTML, Less, CSS, GSAP, Adobe After Effects, JS, Grunt, Git, PHP, Adobe Photoshop, Adobe Illustrator, Visual Studio Code — awards: FWA (SOTD), CSS Awards (SOTD), Laus (Bronze) — https://www.cocobongo.tv/fallen_angel_10
BCN · Novel·la històrica '16 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Drupal, HTML, CSS, JS, Sass, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/novel.lahistorica
Coblentz xmas ' 16 (client: Coblentz Patch Duffy & Bass · agency: Mucho (San Francisco) · at CocoBongo · website) — roles: frontend developer — skills: jQuery, HTML, CSS, JS, Git, Visual Studio Code — https://cocobongo.tv/client/coblentz/xmas-2016

Skills used in 2016: Three.js, WebGL, Cordova, HTML, GSAP, JS, Grunt, PHP, MySQL, Visual Studio Code, Drupal, jQuery, Less, CSS, Git, Adobe Illustrator, Stylus, Pug, Adobe After Effects, Adobe Photoshop, Sass Roles performed in 2016: frontend developer, data visualizer, art direction, backend developer, CMS management, creative, audio designer

2017

Career: After Effects, expresiones para motion graphics — Student at Domestika (2017–present)
Studio (CocoBongo): Moves to Les Valls
Award: Laus (Bronze) — for: Fallen Angel 10th
Started using: Adobe Lightroom, Adobe XD, Gulp, Lottie, Mapbox, Node.js

Projects (6)

Llum Bcn / Santa Eulàlia '17 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, Less, CSS, GSAP, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/llumbcn
El Tourmalet (client: El Tourmalet · at CocoBongo · website) — roles: creative, frontend developer, backend developer — skills: HTML, CSS, JS, Pug, Git, PHP, Visual Studio Code — https://www.eltorumalet.cat
Món Llibre '17 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, Less, CSS, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/monllibre
Nug arquitectes (client: Nug · at CocoBongo · website) — roles: creative, frontend developer, data visualizer, backend developer — skills: GLSL, WebGL, jQuery, HTML, CSS, GSAP, Stylus, JS, Pug, Git, PHP, MySQL, Visual Studio Code — http://www.nugarch.com
BCN · Novel·la històrica '17 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Drupal, HTML, CSS, JS, Sass, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/novel.lahistorica
Dau - 6è Festival del Joc (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management, backend developer — skills: Drupal, HTML, CSS, JS, Gulp, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/daubarcelona

Skills used in 2017: Drupal, jQuery, HTML, Less, CSS, GSAP, JS, Git, PHP, MySQL, Visual Studio Code, Pug, GLSL, WebGL, Stylus, Sass, Gulp Roles performed in 2017: frontend developer, CMS management, creative, backend developer, data visualizer

2018

Studio (CocoBongo): Installing Faraò in Caixa Forum Barcelona
Studio (CocoBongo): Installing Faraò in Caixa Forum Madrid
Studio (CocoBongo): Ruth leaves the team
Talk: Dia Mundial del Disseny Gràfic at EADT, Tarragona
Award: FWA (SOTD) — for: Ugly Christmas sweater generator
Award: Awwwards (SOTD) — for: Ugly Christmas sweater generator
Started using: Anime.js, Electron, Matter.js, Vue

Projects (13)

Llum Bcn / Santa Eulàlia '18 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, Less, CSS, GSAP, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/llumbcn
Fàbriques de Creació (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, tool developer, CMS management — skills: jQuery, HTML, CSS, GSAP, Stylus, JS, Pug, Grunt, Git, PHP, MySQL — http://ajuntament.barcelona.cat/fabriquescreacio
Cromosoma 13 (client: David Resplandí · at Freelance · website) — roles: frontend developer — skills: HTML, CSS, GSAP, Stylus, JS, Pug — http://www.cromosoma13.com
Món Llibre '18 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Mapbox, Drupal, jQuery, HTML, CSS, Stylus, JS, Pug, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/monllibre
CocoBongo's site '18 (udpate) (client: CocoBongo · at CocoBongo · website, portfolio, CMS) — roles: frontend developer, backend developer, shader designer, photo editor — skills: GLSL, Three.js, WebGL, jQuery, HTML, Less, CSS, GSAP, JS, Grunt, Git, PHP, MySQL, Visual Studio Code — https://www.cocobongo.tv/18
Barcelona Poesia '18 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, HTML, CSS, Stylus, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/barcelonapoesia
Faraó (client: Caixa Forum · at CocoBongo · installation) — roles: creative, frontend developer, data visualizer, shader designer — skills: Electron, GLSL, Three.js, WebGL, Lottie, jQuery, HTML, CSS, GSAP, Stylus, Adobe After Effects, JS, Pug, Grunt, Git, Adobe Illustrator, Visual Studio Code — https://cocobongo.tv/client/lacaixa/farao/kings-list/?quality=High
Museu etnòlogic i de cultures del món (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: jQuery, HTML, CSS, Stylus, JS, Pug, PHP, Visual Studio Code — https://www.barcelona.cat/museu-etnologic-culturesmon
BCN · Novel·la històrica '18 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Drupal, HTML, CSS, JS, Sass, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/novel.lahistorica
Dau - 7è Festival del Joc (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management, backend developer — skills: Drupal, HTML, CSS, JS, Gulp, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/daubarcelona
La Panera (client: La Panera · agency: Bildi · at CocoBongo · website) — roles: frontend developer — skills: Vue, jQuery, HTML, CSS, Stylus, Pug, Grunt — https://cocobongo.tv/archive/lapanera
Ugly Christmas sweater generator (client: CocoBongo · at CocoBongo · website, interactive christmas) — roles: creative, frontend developer, backend developer, shader designer — skills: GLSL, Three.js, WebGL, HTML, CSS, GSAP, Stylus, JS, Pug, Grunt, Git, PHP, Adobe Photoshop, MySQL, Visual Studio Code — awards: FWA (SOTD), Awwwards (SOTD) — https://merryxmas.ccbng.com
Christmas Shop (client: Tous · at CocoBongo) — roles: photo editor — skills: Adobe Lightroom, Adobe Photoshop

Skills used in 2018: Drupal, jQuery, HTML, Less, CSS, GSAP, JS, Git, PHP, MySQL, Visual Studio Code, Stylus, Pug, Grunt, Mapbox, GLSL, Three.js, WebGL, Electron, Lottie, Adobe After Effects, Adobe Illustrator, Sass, Gulp, Vue, Adobe Photoshop, Adobe Lightroom Roles performed in 2018: frontend developer, CMS management, tool developer, backend developer, shader designer, photo editor, creative, data visualizer

2019

Studio (CocoBongo): Installing Faraò in Caixa Forum Girona
Studio (CocoBongo): Installing Faraò in Caixa Forum Sevilla
Started using: C#, FFmpeg, Figma, GraphQL, InVision, React, Spark AR, Svelte, Unity, Webpack

Projects (10)

Llum Bcn / Santa Eulàlia '19 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, CSS, GSAP, Stylus, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/llumbcn
Món Llibre '19 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, data visualizer, CMS management — skills: Mapbox, Drupal, jQuery, HTML, CSS, Stylus, JS, Pug, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/monllibre
Barcelona Poesia '19 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, HTML, CSS, Stylus, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/barcelonapoesia
25 (client: Marta Cerdà · at CocoBongo · animation) — roles: frontend developer, tool developer — skills: Matter.js, JS, Git, Visual Studio Code — https://cocobongo.tv/client/marta_cerda
Raise (client: Hero · at CocoBongo · website) — roles: frontend developer — skills: React, Lottie, HTML, CSS, JS, Git, InVision — https://cocobongo.tv/client/hero/raise/
BCN · Novel·la històrica '19 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Drupal, HTML, CSS, JS, Sass, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/novel.lahistorica
Unidos por un décimo (client: Lotería de Navidad · agency: Dec BBDO, Contrapunto BBDO · at CocoBongo · website) — roles: frontend developer — skills: Anime.js, HTML, CSS, Stylus, Webpack, JS, Pug, Git, Adobe Photoshop, Visual Studio Code — https://www.cocobongo.tv/archive/unidos_por_un_decimo
BCN · Novel·la històrica '20 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Drupal, HTML, Figma, CSS, JS, Sass, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/novel.lahistorica
Dau - 8è Festival del Joc (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management, backend developer — skills: Drupal, HTML, CSS, JS, Grunt, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/daubarcelona
Barcelona Dibuixa '19 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Mapbox, Drupal, HTML, CSS, GSAP, Stylus, Webpack, JS, Pug, Grunt, Git, PHP, MySQL — https://www.barcelona.cat/barcelonadibuixa

Skills used in 2019: Drupal, jQuery, HTML, CSS, GSAP, Stylus, JS, Git, PHP, MySQL, Visual Studio Code, Mapbox, Pug, Matter.js, React, Lottie, InVision, Sass, Anime.js, Webpack, Adobe Photoshop, Figma, Grunt Roles performed in 2019: frontend developer, CMS management, data visualizer, tool developer, backend developer

2020

Career: FWA — Jury member at FWA (2020–present)
Studio (CocoBongo): Installing Faraò in Caixa Forum Tarragona
Started using: Johnny-Five, Lens Studio, Strapi

Projects (13)

Santa Eulàlia '20 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, jQuery, HTML, Figma, CSS, GSAP, Stylus, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/santaeulalia
Rescue Squad (client: Rescue Squad la Cerdanya · at CocoBongo · website) — roles: frontend developer — skills: Svelte, HTML, CSS, GSAP, Stylus, JS, Pug, Git, Visual Studio Code — https://www.rescuesquadlacerdanya.com
80's Chinface filter (at CocoBongo · Filter) — roles: creative, frontend developer, art direction — skills: Lens Studio — https://lens.snapchat.com/348fe24e27af4ee3892a11b558cb121c?share_id=1lE9RrX5fbM&locale=es-ES
Bildi (client: Bildi · at CocoBongo · website, portfolio, CMS) — roles: frontend developer, CMS management — skills: Vue, Matter.js, Lottie, Drupal, Anime.js, HTML, CSS, Stylus, JS, Pug, Grunt, Git, PHP, MySQL, Visual Studio Code — https://www.bildi.net
AndrosGuirado.dev (at Freelance · website, portfolio) — roles: frontend developer, data visualizer, art direction, CMS management, backend developer, photo editor — skills: Svelte, GLSL, Three.js, Strapi, WebGL, HTML, CSS, GSAP, JS, Git, Visual Studio Code — https://androsguirado.dev
El marxant d'art - Streetescape (client: CocoBongo, Estrambòtic · at CocoBongo · streetscape web app) — roles: frontend developer, game designer, tool developer, CMS management, audio designer — skills: Svelte, Mapbox, HTML, Figma, CSS, GSAP, Stylus, JS, Pug, Git, Visual Studio Code — https://estrambotic.cat/marxant
The art of blocks (client: CocoBongo · at CocoBongo · experiment) — roles: creative, frontend developer, tool developer, backend developer, shader designer — skills: Svelte, GLSL, Three.js, FFmpeg, WebGL, HTML, CSS, JS, Git, PHP, Visual Studio Code — https://www.instagram.com/the.art.of.blocks
L'herència del bandoler - Streetescape (client: CocoBongo, Estrambòtic · at CocoBongo · streetscape web app) — roles: frontend developer, game designer, tool developer, CMS management — skills: Svelte, Mapbox, HTML, CSS, GSAP, Stylus, JS, Pug, Git, Visual Studio Code — https://estrambotic.cat/bandoler
Oxígen - Streetescape (client: CocoBongo, Estrambòtic · at CocoBongo · streetscape web app) — roles: creative, frontend developer, game designer, tool developer, CMS management, shader designer — skills: Svelte, GLSL, Mapbox, WebGL, HTML, Figma, CSS, GSAP, Stylus, JS, Pug, Git, Visual Studio Code — https://www.cocobongo.tv/escaperooms/oxigen
Barcelona Dibuixa '20 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, backend developer — skills: Mapbox, Drupal, HTML, Figma, CSS, Stylus, Webpack, JS, Pug, Git, PHP, MySQL — https://www.barcelona.cat/barcelonadibuixa
Barcelona Poesia '20 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, HTML, Figma, CSS, Stylus, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/barcelonapoesia
Dau - 9è Festival del Joc (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management, backend developer — skills: Drupal, HTML, CSS, JS, Grunt, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/daubarcelona
El futuro es apasionante (client: Vodafone · agency: Quoco, Wink TTD · at CocoBongo · website) — roles: frontend developer — skills: Svelte, Three.js, WebGL, Lottie, HTML, Figma, CSS, GSAP, Stylus, JS, Pug, Git, Visual Studio Code — https://www.cocobongo.tv/archive/vodafone/educacion-conectada

Skills used in 2020: Drupal, jQuery, HTML, Figma, CSS, GSAP, Stylus, JS, Git, PHP, MySQL, Visual Studio Code, Svelte, Pug, Lens Studio, Vue, Matter.js, Lottie, Anime.js, Grunt, GLSL, Three.js, Strapi, WebGL, Mapbox, FFmpeg, Webpack Roles performed in 2020: frontend developer, CMS management, creative, art direction, data visualizer, backend developer, photo editor, game designer, tool developer, audio designer, shader designer

2021

Career: Visualización de datos para proyectos editoriales — Student at Domestika (2021–present)
Studio (CocoBongo): Installing Faraò in Caixa Forum Zaragoza
Started using: Theatre.js, Vite, esbuild

Projects (13)

Santa Eulàlia '21 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, HTML, Figma, CSS, GSAP, Stylus, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/santaeulalia
Holograms (client: CocoBongo · at CocoBongo · installation, experiment) — roles: creative, frontend developer, ux / ui, backend developer, shader designer — skills: Arduino, Electron, Svelte, Johnny-Five, GLSL, Three.js, WebGL, HTML, CSS, GSAP, Stylus, Webpack, JS, Pug, Visual Studio Code
Barcelona fotògrafes (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Mapbox, Drupal, HTML, Figma, CSS, Stylus, JS, Pug, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/expofotografes
Món Llibre '21 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management, backend developer — skills: Mapbox, Drupal, HTML, Figma, CSS, Stylus, Webpack, JS, Pug, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/monllibre
Un estiu lector (client: Lecxit · agency: Fundació Jaume Bofill · at CocoBongo · website) — roles: frontend developer, CMS management — skills: WordPress, HTML, Figma, CSS, GSAP, Stylus, esbuild, JS, Git, PHP, MySQL, Visual Studio Code — https://lecxit.cat/guanyem-un-estiu-lector
Famílies, aliades de la lectura (client: Lecxit · agency: Fundació Jaume Bofill · at CocoBongo · website) — roles: frontend developer, CMS management — skills: WordPress, HTML, Figma, CSS, GSAP, Stylus, esbuild, JS, PHP, MySQL — https://lecxit.cat/families-lectores
Configurador de reuniones (client: Fixe · at CocoBongo · website) — roles: creative, frontend developer, data visualizer, art direction, CMS management, backend developer — skills: Svelte, Strapi, GraphQL, Node.js, HTML, Figma, CSS, GSAP, Stylus, esbuild, JS, Pug, Git, Visual Studio Code — https://www.fixeclimbing.com/configurator
Projecte Geminis - Streetescape (client: CocoBongo, Estrambòtic · at CocoBongo · streetscape web app) — roles: creative, frontend developer, game designer, tool developer — skills: Svelte, Mapbox, HTML, Figma, CSS, GSAP, Stylus, JS, Pug, Git, Visual Studio Code — https://estrambotic.cat/projecte-geminis
Barcelona Poesia '21 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management — skills: Drupal, HTML, Figma, CSS, Stylus, JS, Git, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/barcelonapoesia
Mala Vella - Streetescape (client: CocoBongo, Estrambòtic · at CocoBongo · streetscape web app) — roles: frontend developer, game designer, CMS management — skills: Svelte, Mapbox, HTML, CSS, Stylus, JS, Pug, Git, Visual Studio Code — https://estrambotic.cat/malavella
Dau - 10è Festival del Joc (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management, backend developer — skills: Drupal, HTML, CSS, esbuild, JS, PHP, MySQL, Visual Studio Code — https://www.barcelona.cat/daubarcelona
Barcelona Dibuixa '21 (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer — skills: Mapbox, Drupal, HTML, Figma, CSS, Stylus, Webpack, JS, Pug, Git, PHP, MySQL — https://www.barcelona.cat/barcelonadibuixa
Fabra i Coats (client: Ajuntament de Barcelona · agency: Icub · at CocoBongo · website) — roles: frontend developer, CMS management, backend developer — skills: Drupal, HTML, Figma, CSS, GSAP, Stylus, esbuild, JS, Git, PHP, MySQL — https://www.barcelona.cat/fabraicoats

Skills used in 2021: Drupal, HTML, Figma, CSS, GSAP, Stylus, JS, Git, PHP, MySQL, Visual Studio Code, Arduino, Electron, Svelte, Johnny-Five, GLSL, Three.js, WebGL, Webpack, Pug, Mapbox, WordPress, esbuild, Strapi, GraphQL, Node.js Roles performed in 2021: frontend developer, CMS management, creative, ux / ui, backend developer, shader designer, data visualizer, art direction, game designer, tool developer

2022

Career: Visualización de datos y diseño de la información: crea un modelo visual — Student at Domestika (2022–present)
Career: Curso de infografía periodstica - Jaime Serra — Student at Instituto de Formación de RTVE (2022–present)
Career: Shader prototyping — Student at Patricio González Vivo (2022–present). https://maximalexpression.notion.site/COURSE-HOME-PAGE-SHADER-PROTOTYPING-1024b0bb72794f4c967b64546f2f93b5
Studio (CocoBongo): Installing Faraò in Caixa Forum Palma de Mallorca
Studio (CocoBongo): Installing Faraò in Caixa Forum Valencia
Started using: HubSpot

Projects (3)

Sonora (client: Wink · at CocoBongo · app) — roles: frontend developer, data visualizer, ux / ui, tool developer, backend developer — skills: Vue, FFmpeg, Node.js, HTML, Figma, CSS, GSAP, Stylus, esbuild, JS, Pug, Git, Visual Studio Code — https://www.sonora.com
Minisite Demo Day '22 (client: Kids&Us · at CocoBongo · website) — roles: frontend developer, CMS management — skills: HubSpot, HTML, CSS, GSAP, Stylus, esbuild, JS, Pug, Git, Visual Studio Code — https://page.kidsandus.es/demoday-2022
Eeze (client: Mediapro · agency: La Sustancia · at CocoBongo · website) — roles: frontend developer, ux / ui, backend developer, shader designer — skills: GLSL, WebGL, WordPress, HTML, CSS, GSAP, Stylus, esbuild, JS, PHP — https://www.eeze.com

Skills used in 2022: Vue, FFmpeg, Node.js, HTML, Figma, CSS, GSAP, Stylus, esbuild, JS, Pug, Git, Visual Studio Code, HubSpot, GLSL, WebGL, WordPress, PHP Roles performed in 2022: frontend developer, data visualizer, ux / ui, tool developer, backend developer, CMS management, shader designer

2023

Career: I join B-Reel — Creative developer at FeelsLike, Barcelona (2023–present). I join B-Reel as Creative developer
Studio (CocoBongo): Installing Faraò in Caixa Forum Lleida
Studio (FeelsLike): Techativity
Studio (FeelsLike): B-Reel becames FeelsLike
Talk: B-Reel x Brut! at Brut!, Barcelona
Started using: Blender

Projects (3)

Silent (client: Cia. Sargantana · at CocoBongo · installation) — roles: shader designer — skills: GLSL, Three.js, WebGL — https://www.youtube.com/watch?v=Bl_103fifTs
Resplandí Valiente (client: David Resplandí · at Freelance · website, portfolio) — roles: frontend developer, shader designer — skills: GLSL, Pixi.js, WebGL, HTML, CSS, JS — https://www.resplandivaliente.com
LV - Accessories '23 (client: Louis Vuitton · at FeelsLike · website) — roles: frontend developer — skills: Vue, Lottie, Node.js, HTML, Figma, CSS, GSAP, Git, JS, Sass, Visual Studio Code — https://www.louisvuittondesigngraduates.com/

Skills used in 2023: GLSL, Three.js, WebGL, Pixi.js, HTML, CSS, JS, Vue, Lottie, Node.js, Figma, GSAP, Git, Sass, Visual Studio Code Roles performed in 2023: shader designer, frontend developer

2024

Started using: Cursor, Dato CMS, Tailwind

Projects (10)

Suno - Valentine's Day (client: Suno · at FeelsLike · website) — roles: frontend developer — skills: React, GLSL, Three.js, Blender, WebGL, Lottie, HTML, CSS, JS, Sass, Git, Adobe Photoshop, Visual Studio Code — https://vday-dev.suno.run/
Moonfall (client: Moonfall productions · at FeelsLike · website) — roles: frontend developer, CMS management — skills: WordPress, HTML, CSS, PHP — https://moonfall.productions/
Suno - Musical Memories (client: Suno · at FeelsLike · website) — roles: frontend developer, shader designer — skills: React, GLSL, Three.js, WebGL, Lottie, HTML, GSAP, CSS, JS, Git, Sass, Visual Studio Code — https://www.musicalmemories.ai/
Illumination (client: Illumination · at FeelsLike · website) — roles: frontend developer, CMS management — skills: WordPress, CSS, JS, PHP — https://www.illumination.com/
Suno Blog (client: Suno · at FeelsLike · website) — roles: frontend developer, CMS management — skills: React, HTML, CSS, GSAP, Dato CMS, JS — https://suno.com/blog/
Arcade (client: Arcade · at FeelsLike · website) — roles: frontend developer — skills: React, CSS, GSAP, Tailwind, JS — https://www.arcade.ai/
LVMH - Prize '24 (client: Louis Vuitton · at FeelsLike · website) — roles: frontend developer — skills: React — https://www.lvmhprize.com/?
LV - Watch Prize '25 (client: Louis Vuitton · at FeelsLike · website) — roles: frontend developer — skills: Vue, Lottie, Node.js, HTML, CSS, GSAP, Pug, Sass, JS, Git, Cursor — https://www.louisvuittonwatchprize.com/
L'Herència perduda (client: Estrambòtic · at CocoBongo · streetscape web app) — roles: frontend developer, game designer — skills: Svelte, Mapbox, Anime.js, HTML, CSS, Stylus, GSAP, Pug, Git, JS, Cursor — https://estrambotic.cat/herencia-perduda
FeelsLike (client: FeelsLike · at FeelsLike · website) — roles: frontend developer, CMS management — skills: React, CSS, GSAP, Dato CMS, JS, Sass — https://www.feelslike.studio/

Skills used in 2024: React, GLSL, Three.js, Blender, WebGL, Lottie, HTML, CSS, JS, Sass, Git, Adobe Photoshop, Visual Studio Code, WordPress, PHP, GSAP, Dato CMS, Tailwind, Vue, Node.js, Pug, Cursor, Svelte, Mapbox, Anime.js, Stylus Roles performed in 2024: frontend developer, CMS management, shader designer, game designer

2025

Started using: Google Antigravity

Projects (1)

CH - Holidays campaign (client: Carolina Herrera · at FeelsLike · website) — roles: frontend developer — skills: React, GLSL, WebGL, Anime.js, HTML, Figma, CSS, GSAP, JS, Git, Sass, Vite, Cursor — https://www.carolinaherrera.com/

Skills used in 2025: React, GLSL, WebGL, Anime.js, HTML, Figma, CSS, GSAP, JS, Git, Sass, Vite, Cursor Roles performed in 2025: frontend developer

2026

Started using: Claude, Microsoft Azure

Projects (5)

LVMH - Prize '26 (client: Louis Vuitton · at FeelsLike · website) — skills: React, Claude, Node.js, CSS, GSAP, Microsoft Azure, Tailwind, JS, Google Antigravity — https://www.lvmhprize.com
LV - Watch Prize '26 (client: Louis Vuitton · at FeelsLike · website) — skills: Vue, Claude, GLSL, Node.js, GSAP, CSS, Pug, Sass, JS, Git — https://www.louisvuittonwatchprize.com/
L'Enigma de la mostra (client: Estrambòtic · at Freelance · streetscape web app) — roles: frontend developer — skills: Claude, Svelte, HTML, CSS, GSAP, Stylus, Git, JS, Pug, Visual Studio Code — https://estrambotic.cat/impostor/
L'Avenir (client: Estrambòtic · at Freelance · streetscape web app) — roles: creative, frontend developer, game designer — skills: Claude, Svelte, Mapbox, HTML, Stylus, CSS, GSAP, Pug, JS, Git, Visual Studio Code — https://estrambotic.cat/avenir
Mahjong Stars (client: Mahjong Stars · at FeelsLike · website, game) — roles: frontend developer — skills: React, Claude, Three.js, Unity, WebGL, Anime.js, HTML, Figma, CSS, GSAP, Tailwind, Git, Vite, JS, Visual Studio Code — https://www.mahjongstars.com/

Skills used in 2026: React, Claude, Node.js, CSS, GSAP, Microsoft Azure, Tailwind, JS, Google Antigravity, Vue, GLSL, Pug, Sass, Git, Svelte, HTML, Stylus, Visual Studio Code, Mapbox, Three.js, Unity, WebGL, Anime.js, Figma, Vite Roles performed in 2026: frontend developer, creative, game designer