A new site for Mario Testino, the world's most in-demand fashion photographer.
A British cultural institution, a 21 year old nightclub, the biggest independent record label in the world. Did we mention they sometimes make compilations? Working with Ministry of Sound was a fantastic honour for us and although we had a crazy deadline and severe limitations with the CMS which had unfortunately been decided upon before we entered, we managed to help the client reinvigorate their visual identity and digital presence and win both Gold and the People's vote for the 2014 Lovie Awards.
Published by Rizzoli, with an introduction by Pharrel Williams, and featuring large-format photographs of skaters in Venice Beach and Manhattan Beach, Palm Angels by Francesco Ragazzi is the definitive book on the L.A. skateboarding scene, capturing the style and street culture of the world's most elite communities of skaters.
The Syndex Tumblr theme was made for personal reasons. I just wanted a mood board, like Haw-Lin or AAA-Feed, but with more functionality, such as being able to tag images so I could search for them later. In just over a year the theme has accumulated 920,000 users with between 1,000 to 2,000 new installs everyday, and is one of the most popular themes on Tumblr. It's being used by designers, Bieber fans, porn addicts, and even Grizzly Bear. You can get Syn[oynym In]dex here. Syndex 2 for WordPress is launching imminently and will be geared for creative portfolios.
Look Films produces moving image and digital content for Mario Testino. Most of the portfolio based projects we make are image based, in Look Films' case, the only content we had was moving image, this allowed us to rethink how to represent the content in the overview. We wanted to give users as much of an impression of the overall quality of the work, as well as an impression of each film, in a way that was elegant, responsive, and fast. This was easily achieved (at least visually) by using the metaphor of a filmstrip for the overview page.
We have been interested in the concept of a linear site for a while now, and this is the first of 3 sites that will be playing with this concept. We achieved this here by creating a single, informative timeline for all clips. So in theory, you could select the first video, and sit back and watch the entire site.
This is a continuation of our exploration in UX which is intuitive and elastic rather than rigid, there being multiple ways to do the same thing. It also continues our exploration of using content as design material. For example, the play bar is actually a movie barcode made up of colour data, programatically garnered from the content. We used the same data to create ambient light which reflects the colour of the video playing. An example of what that looks like if you're interested, this one is for "Dolce & Gabbana Blue".
No, the site is not truly responsive, we made tablet and mobile versions of the site. We feel that this was the right thing to do, the concept of this site would not work for mobile, and if we went "Mobile First" we'd have never been able to experiment with the features we have here. We feel that the experience for the end user is best suited to their device, and that said, the desktop layout is still highly responsive.
Big thank you to our development partner, Theo Tillberg, sites like this could not be made without talent like him.
Registration was a summer school that ran over 3 days in August 2014 in South London. I was asked to do a 1 day workshop with students who'd enrolled from all over Europe. Doing workshops with digital intentions is really not easy: wifi always breaks down, and you just can't build a site in a day. Above that, I'm always a little frustrated by the fact that workshops can be interesting processes but the ending result of the work lacks longevity or even relevance. So I came to the day with a very prepared idea: the workshop was held in Deptford, one of the last areas in South London which has so far resisted the gentrification (read: social cleansing) sweeping the city. Why not spend the day taking pictures of Deptford in the raw, and upload the results of that on the internet, so we had a snapshot of the neighbourhood before it got taken out by Foxton's and real estate agents with pointy shoes and joke haircuts. Why not put those images into a particle engine, and associate those images with GPS coordinates which link to Google Streetview? So it was funny that the students where out the whole morning, rather than looking at screens. And in the afternoon, we selected the best images, and uploaded them to the web. The downside of this approach was that we didn't get to hang out much, and cutting out objects from images in photoshop and then uploading them via the CMS was not exactly fun or even slightly creative, we were joking that it was more like a sweatshop than a workshop. But I do think that is a reality of designing and creating for digital that is worth learning, it's not all fun, even if the result is.
E-commerce, but with XXXL smiley face preloaders, subliminal messages, ultra condensed Arial, banal objects used as size references and £1,000,000 gift vouchers. We aimed to reflect the irreverent voice of this East London based costume jewellery brand in all aspects of the UI and copywriting.
We love Green Soccer Journal because it's doing something really fresh within the sports sector. It's a magazine about soccer, style, fashion and heroes. Why on earth hasn't anyone thought of doing this? What you see here is not the full site, just a teaser while we complete the fully fledged site. In the meantime, go Belgium!
In 2008, Marc Kremers, Thomas Eberwein, Damien Poulain and Tara Darby took on a disused shoe factory (Gina Shoes, if you're wondering) in the then still obscure Print House in Dalston Junction. The space was fixed up, the party of the summer was held, and we sublet spaces to friends. 6 years on, we thought we should put Studio 3 online in the simplest way possible: The names of the current tenants, and the sounds of house and table tennis.
A collaboration with Mario Testino. We were briefed to create a kaleidoscopic Christmas card using images he'd taken of fireworks over the years. We took it a step further by allowing users to create unique snapshots of their experience which could then be shared on social networks. Each snapshot is numbered and signed with Mario's signature. We're particularly pleased with Theo Tillberg's implementation of this for mobile, which utilises the iPhone's gyroscope to hypnotic effect. We know it's not Christmas, but go have a look.
Consultation on Wallpaper.com reboot
Wallpaper* has undertaken an ambitious redesign of all its formats. Their in-house team, headed by creative director Sarah Douglas and art director Lee Belcher, brought in experts from various creative disciplines to help with the task. For the website, they brought in Marc Kremers from Future Corp and Nicolas Roope from Poke to advise and consult. This was accomplished through preliminary brainstorms, followed by a series of 2 day workshops with their digital designer Ben Ewing at the Future Corp studio. After these, we kept in regular contact feeding back on design progress executed by the in-house team.
Everything we did was guided by Douglas's mantra for the rebrand: "modern luxury". We kept this in mind while questioning every aspect of the site: How can we order the vast amount of content in such a way that the user is not overwhelmed, but can get to where they want quickly? How can we facilitate content discovery? How can we create a playful but subtle sense of rhythm and how can we use space in a luxurious way? We made a conscious decision early on in the process not to alienate users with too many new-fangled UI techniques. The result is an elegant, sophisticated update that foregrounds the content, updating Wallpaper*'s digital presence to reflect the character of one of the world's foremost design publications.
The first in a few forthcoming collaborations. In their own words, "Higher and Higher provides creative and strategic support to Mario Testino, helping to turn his vision into reality." As a creative consultancy specialising in the Fashion and Luxury sector, discretion and understatement was required in everything we communicated and designed. No blog, not even a Twitter account, and only 12 of their latest projects at any time. Utilising the larger-than-life, visceral quality of Mario Testino's oeuvre, we decided to 3D render all the print work to give it a slightly menacing perfection. Did we mention that the site is fully responsive and retina ready? This project was produced by the formidable designer/developer Uli Schöberl.
We made an app which creates double exposures for the promotion of Goldfrapp's new album Tales Of Us. Our first foray into iOS development, the app has already garnered 1000s of downloads and has had press from The Guardian, NME, and featured as App of the Week on BBC Radio 6. Creating the interface for this was surprisingly difficult, we had to really strip things out until we felt we had an intuitive product. A feature people really enjoy is the ability to randomly select two images from your library by simply shaking the phone, allowing you to rediscover your images serendipitously. The app serves to promote the album on social channels, users naturally want to share their creations on Instagram, and thus the app has created 1000s of conversations on the network tagged with #TalesOfUs. Bringing it all home, the app allows users to share images directly with the band who then curate their favourites on The Goldfrapp Experience, an experimental audio/visual player. Available for download on the App store.
Tapping into the visually rich world of Goldfrapp, and in particular the cinematic, noir inspired art direction of Goldfrapp's new album Tales Of Us, we made an iOS app which allows users to easily make double exposures by simply snapping two pictures, or serendipitously by shaking their phone, which then randomly selects two images from the users library. (Note - a post about this is coming very soon, in the meantime get the app here). The results can be directly shared on social networks such as Instagram, but also sent directly to the Goldfrapp site. In the first two weeks of launching we've had 1500 submissions from fans all over the world. The best of these are curated on an immersive and experimental audio visual mixer called The Goldfrapp Experience, for which the band created 4 original ambient soundscapes. The user explores both image and audio by generating up to 4 discs from the central image, each of which represents a part in the soundscape. In all, this was a deliberate attempt to go beyond just making a cool looking site. The entire package: site, mobile app, and experience, all work together to promote the album both online and offline to a new audience.
Goldfrapp is Grammy Award nominated English electronic music duo who have explored their visual identity as much as they have musical genres. Alison Goldfrapp has said that "music is a visual experience" and therefore visualises her lyrics before writing them. So it's been a pleasure to have worked with the band on their new site. It can be argued that band sites have lost their relevance more than sites in other sectors due to the advent of social media, and you can see this in the many terribly designed and maintained sites out there for image conscious stars. With these things in mind, we designed a site that is uncluttered, consistent and immersive and which centre-stages specially commissioned films directed by Lisa Gunning, all while still keeping social channels at the fore. (Little note, this represents phase 1 of the launch. We can't wait to show you phase 2.)
An exercise in hard edged minimalism combined with subtle features to get users eyes on as much of the clients work as possible. The Project Overview employs a responisve grid which fluidly resizes the thumbnails and space between them. Individual Project pages load each work sample in ratio to the user's browser size, thus removing clutter and literally treating the browser as a frame rather than a window. Watch out for the random GIF easter eggs.
Tee for Mood
Mood is a skater owned and operated board and apparel brand based in NYC, which collaborates with independent artists, designers and skateboarders with the specific purpose of channeling new ideas into skateboarding culture. A few years back I made a simple re-appropiation of the Doom video game logo, by basically flipping it and making it grayscale. It had a fair amount of success in it's own way being curated on blogs like vvork and the like. Mood discovered the logo via a mutual friend and approached us about making a tee. Everything was a no brainer, it had to be done, and Mood made a fantastic job of it, making tees of the highest quality and attention to detail.
One of the big challenges here was that Cindy Sherman does not title her work, and that the curators, out of respect for this, did not title the 12 galleries which contextualised the many themes and archetypes the artist had explored in her 37 year career. Interestingly, although the artist chronologically refers to her work in the title by numbering them, at her request, the works had to be randomly positioned in each gallery. The site has won numerous awards, and was a Webby nominee in the Art Category. Produced by the(e) designer/developer Emil Olsson.
3.141593 Inc. is a creative consultancy based in Portland and Tokyo who have worked with the likes of Google, Nike and Undercover. They wanted a discrete and unique web presence rather than a portfolio, so we did something pretty simple with their company name, which is an abbreviation of the irrational number π, by musically exploring it's first 1,000,000 digits. Numbers 2- 9 trigger keys, while '1' and '0' trigger drums and switch the colour scheme of the site. The resulting musical rhythms are very revealing of the number π as it seems to continuously change personality the deeper you go in.
In 2011 Marc Kremers was invited to work in Berlin with Tribal DDB as lead art director of the new Beetle site (and by chance, DDB also invited Uli Schöberl who he'd previously worked with on numerous projects). Without a doubt, few car models have had such emotional attachment, duration and personality associated with it. That said, the rebooted 'New Beetle' of the late 90s with it's retro futurist-look had dated terribly. So the aim of the site was to showcase the masculine, border-line Boxster feel of the latest Beetle. The site is certainly a product of it's time, and utilised every UI trend at it's disposal. Perhaps because motorists today want their cars to feel like giant apps that take them somewhere rather than to feel a rush of adrenaline and emotion? Either way, the site received numerous accolades including 4 Webby Awards.
Nexus Interactive Arts brought us in to design the titles and UI elements of Evan Boehm's interactive short film for The Creators Project: "The Carp And The Seagull", a WebGL/HTML5 interpretation of a Japanese fable. For the task we brought in Tom Darracott, who worked on the art direction and design of the collateral.
Collages for Goldfrapp
Collages made for the Goldfrapp.com holding page (now archived). Art directed and designed by Julie Rubio and us.
Creative Review commissioned Digital Club for their Creative Future bursary programme. We decided to make a video for one of my tracks. The 3D was done entirely by Thomas Traum, while the idea and art direction was a collaboration between us. Highlight was getting this blogged by Kanye West :-) Click the title to read the article and watch an interview of us.
Damien Hirst's shop, Other Criteria, works with artists to make limited editions and multiples, t-shirts, jewellery, photographs, posters, prints and books. Art Direction by Marc Kremers and Thomas Traum while at Digital Club. Coding by Radovan Scasascia. (Please note that the site has since been updated)
A.D. on Gemfields for Jonny Lu Ltd.
Jonny Lu Ltd. brought us in to help them with the design and art direction of this site, which highlights the ethical and sustainable practices of Gemfields, a rare coloured gemstone mining company; and helps consumers with a guide to buying Emeralds, Amethysts and Ruby. Jonny Lu creative directed, and has been working with the client for a fair period of time, hence we already had a great palette to work with in terms of typography and style guides, as well as stunning content.
Advanced Beauty is video art project by Universal Everything that curated a group of video artists, animators and programmers to create a coherent family of works, all existing in the same white space. My submission was of a DVD melting into a painterly, abstract oblivion.
Our creative response to the trillions of images available on Google Image Search. Tumblr and ffffound were’nt even born yet when we started this curatorial image blog in 2005. Finding is Creating, JPG ‘til we Die! A project by myself and Thomas Traum.