Airbnb not only received a beautiful new website and app in 2014, but a rebrand that helped position more of a focus on the company’s hosts and community.
In collaboration with R/GA, the team built a fun, interactive tool – using HTML5, Canvas and CSS3 (with CSS animations) and Backbone, jQuery and Modernizr for feature detection – that allows users to make the Airbnb logo their own.
Users can create a unique community symbol using a collection of over 1000 illustrations and forms. The ‘Make Airbnb Yours’ tool is a great example of using modern technology in a unique way. High fives all around
The redesign also helped flush out the inconsistencies that Airbnb had previously faced across desktop, mobile and its app. These all now feel part of the same experience.
All parties did a wonderful job of creating a sense of community through new photography, warm colour palettes and graphic treatments. The whole experience now feels much more human.
"The results are the combined effort of many months' work, starting with an intensive week of four of our team travelling to 13 cities, staying with 18 hosts across four continents, to working between our London studio and a pop-up studio at Airbnb's San Francisco headquarters," says DesignStudio's James Greenfield.
You can learn more about the rebranding process by reading his personal account of events here.
Words: Brian Hoff
Like this? Read these!
- The best free script fonts
- Free graffiti font selection
- 50 great parallax scrolling websites
- Why your website needs a landing page
What rebrands floated your boat in 2014? Let us know in the Comments!