# 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