Sylvain Reucherand

Developer

Google Cloud Interactive Demo

Stink Studios partnered with Google to create a series of demos showcasing how to push the limits of Google Cloud technology. These demos were created for an exclusive event series that hosted some of the world’s top C-suite executives.

The G-Suite Demo is a tangible example of how Google Cloud supports collaboration and efficiency. Illustrated and animated entirely in-house, we imagined a Rube Goldberg-inspired visual story that shows how easily teams can turn an idea into a completed pitch. Playing out over 8 synchronised screens, guests got to kick off ideation by selecting a topic on the Jamboard, follow the workflow from Docs to Slides to Sheets, and finally tap “send” at the end to launch the idea into the world.

Date
Jan 2018
Role

Development lead

Tech

Disguise D3, Matter.js, Node.js, React, Styled Components

02/03 — Passive scene, waiting for the user to interact.
01/03 — Installation contemplation.
02/03 — Passive scene, waiting for the user to interact.
03/03 — Close-up.
Feb 2018

This has been an exciting year for Simply Chocolate and it’s seemingly never-ending! The lovely peeps from Spring/Summer came back from this year’s Awwwards ceremony with a Site of the Year win for best e-commerce site. Congratulations! I’ve also been published in the .net magazine February issue where I talk about some of the technical hurdles I encountered and the magic I used to make these chocolate bars look so yummy.

Nov 2017

After two years of great work and rewarding collaborations in Copenhagen, I’ve moved to New York with a new job at Stink Studios!

Simply Chocolate

Simply Chocolate is a company based in Copenhagen where it’s too cold to grow cocoa beans, but hot enough to have a steamy love affair with delicious chocolate.

Simply Chocolate is a refreshing digital experience and e-commerce site which features their products and ethos. It was beautifully designed with a focus on one key interaction: unwrapping. Take off the wrapper and dive into delicious ingredients.

Date
Sep 2017
Role

Development lead

Tech

GLSL, Pixi.js, PostCSS, React, Redux

02/06 — Being tempted to open a bar. Ingredients are scrolling indefinitely. Patterns are dynamically generated, following pre-defined layout rules.
01/06 — Homepage. Scroll between chocolate bars.
02/06 — Being tempted to open a bar. Ingredients are scrolling indefinitely. Patterns are dynamically generated, following pre-defined layout rules.
03/06 — Unwrapping.
04/06 — Product page. Bar cracks and reveals its inside composition.
05/06 — Next page transition.
06/06 — Publication in .net magazine.

Beoplay Unfiltred H4

Beoplay introduces Beoplay H4: wireless, over-ear headphones with a focus on the essentials. The site accompanying this product’s launch is a journey into the customer’s life, told without filters. It features stories of 3 different characters, offering a snapshot of their lives. In addition to anecdotes, customers who share a photo of their headphones on Instagram with the hashtag #unfiltered could have their photo featured on the site and participate in the unfiltered journey.

Date
Feb 2017
Role

Development lead

Tech

Pixi.js, Vanilla Javascript

01/02 — Carousel navigation. Hover to preview a story. Opening.
01/02 — Carousel navigation. Hover to preview a story. Opening.
02/02 — Next story transition. Attention to details.

Beoplay M5

Beoplay M5 is a powerful, wireless speaker that can play music in multiple rooms when paired with other speakers. Inspired by the speaker controls, we built an interactive site that introduced white dots that represented sound as it moves through the air and connects spaces.

Date
Dec 2016
Role

Interactive development

Tech

Vanilla Javascript

01/02 — Wave composed of white dots. Attracted by cursor and following the carousel.
01/02 — Wave composed of white dots. Attracted by cursor and following the carousel.
02/02 — Sound emission. Speed and frequency depending on the volume.
Oct 2016

For 10 months, I got the chance to work on developing and prototyping what will be the next digital products of American Express.

Jan 2016

Got hired at Spring/Summer!

Oct 2015

Moved to Copenhagen and joined the e-Types digital team for 3 months.

Jun 2015

Graduated from interactive design at Gobelins — l'école de l'image, Paris.

Mirage

Mirage is an interactive short film I directed as part of my diploma project at Gobelins — l'école de l'image, Paris.

Edouard, like his peers, is an augmented human. He sees the world through a layer of technology called IO who gives him hints for making good decisions. He relies on it, a lot. But to what extent? Isn’t he just losing a bit of his humanity? Is there a limit to trans-humanism? Can technology take over his own consciousness? Those are the questions the viewer may ask as they navigate through the experience.

Date
Jun 2015
Role

Development

Film direction

Product design

Fabricator

Tech

C++, Node.js

01/04 — Look and feel of the experience. Interaction example.
01/04 — Look and feel of the experience. Interaction example.
02/04 — Indoor behind the scene.
03/04 — 3D render before building the installation.
04/04 — Installation is built and is being tested.

Reuters Wider

Reuters Wider is a news reader that promotes the content and actions carried by the Thomson Reuters Foundation on its website trust.org.

Wider targets digital natives in landscape where mainstream newspapers have lacked. Additionally, Wider curates, verifies information, confirms sources, and compares media opinions. It does the job people just don't have time to do, and delivers a new issue every week with adapted editorial content. Entertaining and interactive, it invites you to appropriate the subject.

Date
Jan 2015
Link

Github

Role

Mobile development

Tech

Objective-C

03/03 — Extra features.
01/03 — Interactions.
02/03 — Covers.
03/03 — Extra features.
Sep 2014

Started studying at Gobelins — l'école de l'image, Paris as interactive designer and joined Publicis Nurun as apprentice interactive developer.