• Main

    New i-D website

Graphic Design

Web Design: We chat to the brains behind the new-look i-D website

Posted by Rob Alderson,

Ever since it was announced late last year that VICE was buying iconic title i-D, many in and around the media have been keen to see what changes this coming together might engender. And last Friday we got a glimpse of the brave new world when the new i-D website went live (along with an exclusive video from M.I.A.). We caught up with VICE’s executive creative director Joel Kitzmiller to find out more about the new-look site…

What were the starting points for the redesign? What from the old site was important to keep?

Our first steps were to take a look at the landscape; analysing what i-D could add to online fashion. i-D has a longstanding history and there was a lot to think about in regards to what fashion-conscious people wanted to consume online and how they wanted to consume it. The editorial team at i-D were completely integrated in this process; feeding back every step of the way to develop a content strategy with which we were all happy. 

We had to take a step back from the old site and get involved in some of the analytics to figure out what was successful. We got granular with this process and picked apart the content success – looking at everything from pageviews to bounce rates and site paths to figure out what we needed to save and what needed to be abstracted into something bigger.

  • Home_crop

    New i-D website

What other sites were points of reference for the new design?

At VICE, we can see daily how fast mobile traffic is growing, so we knew that the new site needed to take that into account. The UX needed to consider how people interact with and consume the content the i-D team was going to produce. The site needed to be adaptable. 

From a design perspective, the digital team at VICE get really excited about solutions to UI problems we encounter online. We all love discussing sites that have found solutions to ongoing issues we find online; stuff like sticky menus and contextual search results. We never wanted to rethink anything that had a solution, but rather adapt it where we could. 

Inspiration-wise, we mostly looked to sites that we visited daily—asking ourselves why we visited them. Sites like Amazon and eBay—they know what we want and they allow us to tailor our own experience. We thought that was a really strong place to start.

How much pressure is there working on a new site for such a well-established brand?

Lots, but the i-D team is fantastic and super positive. VICE has a large knowledge base to draw from in digital and we knew we could help build i-D’s online video presence. However, the team at i-D know their market and their landscape. They are like a family and have been working with us every step of the way—so as long as they were happy, we were happy.

What would you say are the key features of the new look site?

Specifically, the key features are going to be user-centric design and video. 

Video views across our other platforms are growing so quickly that we instinctively knew that video was the area we could help i-D grow. That said, probably the most critical part of the UX that we rethought was the user journey. We did some workshops with the i-D team, defining users and their journeys, making sure we were developing the type of content strategy that made sense to the team. 

Personally, I am a firm believer that, soon, our user base is going to become too busy to babysit any website. There is just too much amazing content to consume online already and that is just going to grow. For i-D, I wanted to make sure we focused on building a site where the user could customise their experience and become a part of it. The content had to be intelligent enough to find them. At the end of the day it’s about them, not us.

“i-D has a longstanding history and there was a lot to think about in regards to what fashion-conscious people wanted to consume online and how they wanted to consume it.”

Joel Kitzmiller

What were the biggest challenges you came up against?

Building a future-proof CMS. The backend often gets overlooked in scenarios like these, but in the case of i-D, the site needed to be scaleable and adaptable enough to be ported to any future platform we needed it to be on. It was very important to get off on the right path here. We had an amazing backend team of developers and consultants that did a great job at this.

How pleased are you with the final result?

Really happy. It was a long, long process and the team all worked tirelessly to make something of which we are all extremely proud. There are loads of bugs, and even more new features that we have lined up, but we are really excited about making them happen and are moving quickly to do so.

  • Watch

    New i-D website

  • Watch1

    New i-D website

  • Think-pieces

    New i-D website

Ra

Posted by Rob Alderson

Editor-in-Chief Rob oversees editorial across all three It’s Nice That platforms; online, print and events. He has a background in newspaper journalism and a particular interest in art, advertising and photography. He is the main host of the Studio Audience podcast.

Most Recent: Graphic Design View Archive

  1. Graphilately-itsnicethat-list

    For some years now stamp collecting has been relegated from the status of a widespread and admirable pastime to a somewhat nerdy pursuit, and this is a perception that Blair Thomson, creative director of design studio Believe In, is keen to shake off. Having had a passion for stamps instilled in him at a young age, Blair is the designer behind Graphilately, an Instagram account dedicated to his own beautifully curated, and very well photographed collection, which celebrates stamps as a form of graphic art in their own right.

  2. Anna-kulachek-itsnicethat-list-2

    The very best graphic identities, as designer Anna Kulachek would attest, take on a life of their own. The Moscow-based creative has been working on identities for the Prague School of Design since 2012, and they’ve since grown into an evolving body which grows and reforms with each new brief. “In the beginning it was built on the illustrations of the city,” Anna explains, “because one of the points in the brief was to show what’s happening in Prague. So I decided to draw the school in simple shapes.”

  3. Chris-van-niekerk-itsnicethat-listfine_furniture_1

    Chris van Niekerk’s designs are direct, accomplished and considered, but what makes them extra intriguing are the process stories behind each. Take his special edition vinyl sleeves for Cheap Thrills. They look good enough – all dingy, limited palettes and dynamic type – but he explains that the imagery was created by sampling the sound waves from side A of each vinyl, and visualising them, which is pretty cool. The project that really caught our eye, not least because of how well shot it is, is Chris’ branding for bespoke furniture maker Jake Coleman, which takes a fresh look that’s true to its product, using a puzzle piece inspired by dovetails as the centre of the identity. To show the versatility of this kid, we’ve also included the designs for an Aperture publication, marking 60 years of the photography foundation, which looks very slick indeed.

  4. Emptyfilmposters-itsnicethat-list

    Sure this isn’t the kind of thing we usually post, but the sun’s all blazing and glorious outside our windows today, so we thought we’d be kind and give you something to stare at for the next few hours until it’s time to make your way to the closest beer garden available. You know what these images are don’t you? They’re iconic film posters with all traces of branding and characters removed – the bench without Forrest, a sunset with Simba removed and a deep blue sub-aquatic fade that’s one shark short of of a multi-million dollar blockbuster franchise. These posters are the result of hours of hard photoshopping by French art director Madani Bendjellal, and for making our afternoon pass that little bit faster we owe him our thanks. Thanks!

  5. Faber-modern-classics-itsnicethat-.list

    A couple of months ago, we spoke to a number of book designers about whether they felt you had to read a book to design its cover. Whichever camp you sit in, it’s clear that with something as powerful and evocative as a piece of literature, summing up complex and emotive ideas in a single cover is no mean feat, so we were keen to hear more about how the process worked when designing for Faber’s new series of modern classics. The series launches this week with ten books including Look Back in Anger by John Osborne, Ariel by Sylvia Plath, TS Eliot’s Selected Poems and Self-Help by Lorrie Moore. A further six titles are to be released in June.

  6. Production-type-itsnicethat-list

    It seems to me that half the job when you work at a type foundry is finding the best way to showcase your wares. In an industry now bubbling with interactive websites, weird apps and even the occasional trailer, typeface specimens are an old fashioned means, but as Paris-based digital foundry Production Type proves, they’re often the best.

  7. I-give-an-xpentagram-itsnicethatlist

    Where an “x” was once a kiss, it’s now something rather different – a mark that signifies your voice in the election. This little but very powerful symbol is at the heart of a new non-partisan project by Pentagram, I Give an X, which saw Marina Willer and the team create hundreds of different x marks which they hope people will use as their online profile picture.

  8. Wardheirwegh_itsnicethat-list

    Some graphic design projects seem straightforward; a lovely foil, and Bob’s your uncle! Others demand a bit more attention, however, and for those we call in the likes of Ward Heirwegh. Based in Antwerp, Ward specialises in design for exhibitions, translating complex, abstract concepts into coherent, understandable printed accompaniments. In my opinion this branch of design requires a very specific and quite elusive skill for compressing and transforming information.

  9. Hightide-itsnicethat-list

    If there’s one thing New York design studio High Tide knows well, it’s how to brand a luxury startup. Danny Miller and his team have worked with brands like Warby Parker since they were just a glint in the lens of their founder’s spectacles, then subsequently with all manner of high-flying fashion brands. As a rule they opt for effortless minimalism, but the selection of work below demonstrates the studio’s tailored approach to every new client they take on, whether it’s footwear or fragrance they’re peddling.

  10. List-innocent-sorcerers-image006

    Posters for Polish film never fail to excite; the strange, b-movie quality they have, the bold cut-and-paste aesthetic and the unabashed melodrama make them utterly captivating. So it’s always exciting when Kinoteka Festival rolls around in London, not just to have a chance to see the movies the posters promote, but because of the ace satellite shows of Polish cinema visual ephemera. This year, the festival boasts an exhibition of posters for director Andrzej Wajda’s films. As well as work by Polish artists, international designers such as Peter Strausfeld, Dominique Guillotin, Otto Kummert, Milan Grygar and Erhard Grutter all have posters on show. It’s a gorgeous spread of work, all on loan from the archives of the Film Museum in Lódź.

  11. List-respect_byd_ad-itsnicethat

    D&AD has commissioned a rather playful campaign to promote 2015’s Judging Week, created by design agency The Oldham Goddard Experience and illustrator Marion Deuchars. Marion’s signature off-kilter typographic approach makes a great counterpart to the instantly recognisable black and yellow of the D&AD brand, used across a number of tongue-in-cheek slogans. All in all, it’s a simple, smart and effective solution to what must be a rather daunting brief.

  12. Milton-list

    “I knew that I was obsessed with drawing as a child, and that it was a source of my greatest pleasure. There was nothing else I would prefer doing than drawing. Actually that is persistent to this very day.” So begins The New York Times’ short film looking at the spectacular life and career of Milton Glaser, and if this wonderful clip doesn’t restore your faith in design (and in the same amount of time you’d spend making a coffee, too!) then I don’t know what will.

  13. Atelier25-vagamodes-itsnicethat-list

    Sunny graphic design for a bright Monday morning? Consider it done. Atelier 25 are a Parisian pair of designers – Capucine Merkenbrack and Chloe Tercé – making work for cultural institutes, festivals, record labels and publishers; always with an emphasis on strong conceptual foundations. The duo take a hands-on approach to their practice, often working in physical media instead of heading straight to the computer. This leads to some seriously tactile results and projects often bear the marks of the process that spawned them. This is particularly true in their work for Vagamondes festival, where a moiré of intersecting diagonals is layered colour by colour, highlighting the physical process of lithographic printing.