Gorgeous site highlighting R+Co beauty and hair products. Love the layout, more akin to a fashion magazine – nice ever changing accent colour – and the offset titles and copy. The bold typography really accentuates the beautiful photography and fun layout. I love the ‘lookbook’ pages that show you all the products needed and styling tips – it looks fantastic, and all the subtle parallax style transitions gives the flat design some depth. Really nice looking site.
Site promoting the wearable tech product ‘Withings Pulse’. Set from the perspective of three people wearing the product in their daily lives, a short film shows what the product does in-situ – sliding panels appear and you can explore in more detail about the product. I like the flow of the journey and the additional info appearing in a nicely designed way, it also looks great, nice palette of colours and fresh design.
Created by Black Negative (@_blacknegative) and Dilshan Arrukati.
Unique site for photographer Enrico Floriddia. Love the CV-esque approach that explains the work through writing rather than simple thumbnails, click on one of the projects and viola thumbnails appear, click on them and see how it all expands. Really nice, unexpected, original execution of a portfolio website.
Created by Raphael Bastide (@raphaelbastide).
Fantastic portfolio of Parisian photographer Brice Darmon. The homepage shows a multi-layered layout that shows some highlights from each project – click on a project fills the screen with a cool transition that shows an interesting approach – the background image is the next image and the photo in the centre can be enlarged. Love all the cool interaction and transitions, roll over the right or left and the next or previous photo peeks, even the top and bottom peeks to show the next or previous projects. Also love all the masking transitions, looks and feels so slick – the animations are well considered and bring the static shots to life. Great example of modern photography portfolio site.
Created by Bonhomme (@BonhommeParis).
Lovely site promoting Kenzo’s Fall 2014 range – aiming to replicate a gallery experience from the browser and in 3D! You can connect your mobile device to use it as a trackpad to navigate the 3D gallery or use your mouse to move around the space. On the walls of the galleries are video pieces and images which you can peruse at your leisure. The exploratory nature of the interface is crafted well, and looks great, nice clean lines and moody lighting – I love that you exit through the shop where you can see the items from the gallery!
Created by DVDTKM (@kimbouti) and Cyril Agosta.
Site for French film ‘Waterloo’, telling the story of the famous battle of Waterloo. Focussing on the two sides pitted against each other, Napoleon and Wellington – and describing through iconography the differences between the English and French forces. Nice experience with sounds, full bleed imagery and video – all in a tight layout, with modern interaction design with sliding panels and menus. It looks great too, with the muted colours and distressed overlay.
Created by Dog Studio (@Dogstudio).
Promoting Benjamin Moore paints in the US, this room designer allows you to customise imaginary rooms – created by a short test. Asking you to answer a short series of questions, based on your interests – short interactive questions – dragging a slider to show your perfect view and so on. Your answers drive the results of the rooms – and show you the swatches necessary to paint the rooms for real. It is brought to life with lots of animations and transitions – all wrapped up in as minimal as possible interface – all in all it works well and looks great.
Created by The Martin Agency (@martinagency).
Site promoting Chanel’s jewellery inspired by the cafe society in the 1920s. Featuring video, music, and photography to paint a scene via one long scrolling page. Love the time stamp as you scroll reflecting the time, and the ambience provided by the montage of sounds and images. Simple, beautiful, and elegant, it offers a much more interesting pastiche of the jewellery than simple product shots and much more inspiring story.
Created by 60fps (@transylvain).
Fascinating site created as a side project by Anand Sharma – it tracks his daily movements and visualises it in an interesting way. Using an array of APIs and custom code, a whole host of data is recorded, how much he ran, how many climbs he’s done, how far he’s walked, his heart rate and so on. Using the API from apps such as Moves, Foursquare, Nike+ etc – the interesting part is how the data is organised and visualised. ‘Sport’ focusses on the data such as heart rate, running, walking and so on – where as ‘Explorer’ highlights movements day to day, along with location check ins, photos and so on – the detail is quite incredible. The case study in his blog is worth a read too – really interesting to see the approach and decisions he made along the way. Not only is the visualisation and organisation of the data great, so too is the design, and the finishing touches such as the animation and the transitions – they just bring it all to life.
Created by Anand Sharma (@aprilzero).
Site promoting Dos Dots – a unisex children’s clothing label from Brooklyn, NY. Nice bold typography and style harking back to Japan, where the denim in the clothing is from. The interaction model is simple and easy to use, getting to the details of the items all from sliding panels from the homepage. It looks great, and is also responsive too.
Created by Tom van de Welde (@tomvdv).
Really cool site – a collaboration between french agency Ultranoir and illustrator and artist McBess. A 3d gramophone allows you to grab the needle and crank up the motor – and dive into the music in a dark 3d world. Love all the 3d interactions, such as rotating your view, placing the needle on the record, opening the side panel and playing a piano along to the music. And the sound design is fantastic – rotate your view away from the speaker on the gramophone and the music sounds muffled. It looks amazing too, the stark black world sprinkled with white – really great work.
Created by Ultranoir (@ultranoir).
Fantastic site brought to you by BIC pens. Essentially setting out to crowd source a font based on hand writing – from all the contributions on the site for each character. A seemingly complicated task, brought to life in a very simple and easy to understand way – it already has millions of contributions – you can even filter by gender / age / location and so on to see the range of results. It also looks great, I love the way you can see the average character in yellow and can see the different characters in an intuitive and playful way. Really easy to draw your own character, which you can do through your mouse or by connecting your mobile device, again all really made simple for the user. Lovely layout, great fonts, and nice animations and interactions – great piece of work.
Created by DDB Tribal Dusseldorf (@DDB_Germany) and MediaMonks (@mediamonks).
Site of Serge Thoraval, artisan French jeweller. App like layout and functionality taking you on a journey through the work of the jeweller. Like that you look at one section at a time, like turning the pages of a book, with well considered transitions and zoom in effects to enlarge the pictures – all which injects some personality into the site.
Created by Jonathan da Costa (@jonathandc) and Jean-Christophe Suzanne (@jcsuzanne).
Great site that explores the use of colour in films. Displays the average colour of a set of frames from the films, even allowing you to see that individual frame – love the way you can see the whole strip of colours and navigate through the frames. Really interesting results, great idea and well crafted.
Created by Charlie Clark (@clarkcharlie03).
