Airbnb Brand


About

Make a symbol that reflects your Airbnb experience, and add it to your Airbnb profile. Make one for every trip or favorite place. Make one to mark your spare bedroom and another for the guest loft. Create a unique symbol for a community event.

Sketch it. Paint it. Put a penguin on it. Make a symbol that reflects your Airbnb experience, and add it to your Airbnb profile. Make one for every trip or favorite place. Make one to mark your spare bedroom and another for the guest loft. Create a unique symbol for a community event.

Behind each symbol is a story only you can tell—about your home, your guests, and your adventures. Share your story with our community, and make new connections worldwide.

Once you make your symbol, you can bring it home—on mugs, thank you cards, souvenir stickers. You create Airbnb, and now it’s yours to share.


SCREEN CAPTURE


MY ROLE

I was invited by R/GA San Francisco to help them with some algorithms of the "Airbnb Create".
The job was done using HTML5 Canvas manipulated by javascript.
It was nice to apply Delaunay Triangulation in a real project more than just in labs.


SCREENSHOT of the final application


AGENCY

R/GA

 

CLIENT

AIRBNB

Grand Expanse


ABOUT THE VR MUSIC VIDEO EXPERIENCE

Transport yourself to another world in this surreal VR music video for Martina Sorbara and Castle Frank’s song "A Grand Expanse". Co-developed by Tendril and Drew Lightfoot, the experience was created by using a combination of 3D + 2D assets, along with the abstract heroine's performance captured live as point cloud data and then projected into the 360-degree animated space.


SCREEN CAPTURE OF THE WEBSITE


MY ROLE

Website:
Logo Design, UX Design, UI Design, Motion Design, Technical Leadership and Front-End Development

VR Experience:
Logo Design, UI Design


WEBSITE LAYOUTS


BEHIND THE SCENES


PHOTOS OF THE WORLD PREMIERE ON TIFF


STUDIO

Tendril

 

CLIENT

Martina Sorbara

Google Expert


About

The "Expert" is a platform for research in interactive classes for the areas
of media, marketing and advertising students, which takes place simultaneously in various cinemas around the country.

The goal of the project is to assist the professional to think strategically and manage their campaigns in a way effectively and intelligently, using Google tools, and prepare
you to make the certification exam that will greatly help to manage these projects and your career.


Layouts


my role

Design for mobile/tablet sizes, UI Animations and Technical Leadership.

 

AGENCY

R/GA

 

CLIENT

Google


TIM beta


ABOUT

Transforming what was at the beginning only an experiment into a permanent lab for innovative creations, a totally flexible plan co-created by customers through social networks. We asked for the help of youngsters, through polls on Facebook and Orkut, to define the product’s price. We created a website and social networking APIs that recognized and rewarded the most influent youngsters, stimulating the usage of the product. We developed a collaborative visual identity which used photos taken by the customers themselves and finger-painted types, in a reference to the way this generation communicates.


VIDEOCASE


MY ROLE

I was responsible to setup the front-end environment on rails of the platform, to develop the front-end architecture thinking in scalability and reusability of the html modules across the website, facebook app and orkut page. Also, I did the UI animations.

Since that time (2011), the platform grew a lot, earned more awards but the tech team still kept the base of that foundation.


TV COVERAGE  (PORTUGUESE AUDIO)


AGENCY

R/GA

 

CLIENT

TIM

 

AWARDS

ABEMD

  • 2012 - Best Digital
  • 2012 - Gold - Campaign
  • 2012 - Gold - Digital

WAVE FESTIVAL

  • 2012 - Silver - Direct

MasterCard Priceless Brazil Guide


About

The Priceless Brazil guide is a website, which can also be accessed by mobile or tablet, where
it is possible to discover places to go and things to do through the social network of people who have been there.

It’s simple: you connect your social network and then use the hashtag #naotempreco when tweeting, checking-in on Foursquare, taking
a picture on Instagram or posting on Facebook.

All this goes to the guide, which is always growing and evolving. MasterCard found a way to use the social networks to connect its brand to people’s most memorable moments. 


videocase


my role

Technical Leadership, UI Animations and Front-End Development.



AGENCY

R/GA

 

CLIENT

MasterCard

 

Awards

ABEMD

  • 2013 - Gold - Digital

WAVE FESTIVAL

  • 2013 - Silver - Cyber

NF7


ABOUT

To create his new short film, Marcus Alqueres invited me to join the team to create his film's website.


Short Film


MY ROLE

Development of the whole website.

I used WebGL + ThreeJS to scenario and poster creation, a sort of spritesheet animation to the robot, and CSS3 animations in some user interface elements.


PROTOTYPE 01

At that time, we didn't know how the website should looks like and I did this prototype to suggest the team use WebGL.
They liked :)


prototype 11  (portuguese voiceover)

As we were working in different timezones and each member had their own jobs, sometimes our communication was like that (recording a video with the current status)... 


FINAL

Despite the short deadline and each member of the crew living in a different country, we launched a nice website in 3 weeks, since wireframe until development, working around 3 hours per day each one.

Google Creative Sandbox Brief


ABOUT

A project focused on presenting Google's products to the Creative department of top Ad Agencies in Brazil. A physical high-tech box was designed to collect ideas that never had the chance to become reality, elect a winner among them and reward the best one with a cash prize and further Google's mentoring to make it happen. 

The box was engineered to collect handwritten ideas, photograph them, send them over to the website and then to shred the paper form immediately. 

On the website, users could see and debate all ideas, as well as submit new ones without going through the box submission flow. In total, the website collected 4507 ideas, 204% above the KPI target.


VIDEOCASE


TV CHANNEL COVERAGE  (PORTUGUESE AUDIO)


my role

I'm really proud of this project because it was the first job from R/GA Brazil to Google, everything should be perfect and I attended since the brainstorm phase and concept idea until the development of the first mobile first and responsive web design website done at R/GA Brazil and probably the first one launched by Google Brazil.

To do that, I developed a framework called kameleon which can easily manage assets, loading asynchronous texts, stylesheets, javascripts and images according with the size of the screen.

Also, I did tons of UI animations using css and javascript.

After this project, R/GA never launched again another non-responsive website  



AGENCY

R/GA

 

CLIENT

Google

 

Awards

ABEMD

  • 2013 - Grand Prix - Digital
  • 2013 - Best Digital
  • 2013 - Gold - Digital

WAVE FESTIVAL

  • 2013 - Silver - Cyber
  • 2013 - Bronze - Direct

Circuito Unimed-Rio


About

Unimed wanted to show people the healthiest places in Rio to practice exercise and enjoy a healthy life.

With that in mind, the strategy was to map the entire city of Rio De Janeiro to show parts of the city where people would enjoy and practice physical activities.

People could find out in the website more than 60 spots in the city that we tracked and developed. To help them a little more, each spot had a video related to the exercises with instructors and physical health professionals showing Cariocas that there was a healthier way to live their lives.



my role

I developed the whole front-end with html5, cssjavascript and tons of user interface animations.


being proud


AGENCY

GRÏNGO

 

CLIENT

UNIMED

YouTube Playlist Store


ABOUT

The first retail experience created for YouTube Brazil, envisioned to show users how YouTube's platform can be more than a stop for a one-song listening - a true music destination platform, through the use of its playlist functionality.

Kiosks throughout the store offered a two-screen experience, composed by a Touch Screen TV and the user's own mobile device.  While in the Touch Screen TV the user could navigate through a very special set of curated playlists and choose which ones he liked the most, in his mobile device he could see those playlists getting instantly added and ready to be listened to on his YouTube account.

All playlists were curated by big music industry names - both national and international artists such as Jack Johnson and O Rappa, and all playlists had their cover illustrated by a very special team of artists.

By the end of his YouTube Playlist Store experience, the user would choose which playlist cover he would like to take home with him.


videocase


MY ROLE

As the visual tech lead of the project I developed the prototypes using processing and webgl/three.js to define the best approach we should go on and present to the client.

After that, I did UI Animations and helped the developers and QA team to solve all the issues the project had.

BTW, we chose webgl. It makes sense for a Google project, right!?


Prototype – sound reaction

I did this prototype with processing while we were in brainstorm phase yet. Part of the idea we had was to create a wall of leds which would react with the sound of the party. In the end, the ideia changed and we didn't use that.


early and buggy prototypes - webgl

Because prototypes allow us to see things in one of two ways: Things that don’t work, and things that need work.


THE EVENT


AGENCY

R/GA

 

CLIENT

YOUTUBE

 

AWARDS

ONE SHOW INTERACTIVE

  • 2014 - Merit

WAVE FESTIVAL

  • 2014 - Gold - Cyber
  • 2014 - Bronze - Design

ADWEEK

  • 2014 - Silver - Out of Home

EL OJO

  • 2014 - Finalist - Interactive Branded Content
  • 2014 - Finalist - Promo

CLIO AWARDS

  • 2014 - Silver - Events/Engagement - Experiential

CCSP

  • 2014 - Anuary - Outdoor
  • 2014 - Silver - Innovation