• 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. Marco_papiro_pb_1

    Adoring pretty much anything Panda Bear-related (his amazing interactive website, his brilliant music, his very lovely hair), we felt it was high time we shed some light on the man behind his wonderful record sleeve designs, Marco Papiro.

  2. Julia-pj_harvey_graphics_1

    When we popped to Somerset House last week to ogle PJ Harvey recording in a box we spotted some powerful exhibition graphics, designed by London-based studio Julia. The designs are shown online on PJ Harvey’s website, but really come to life at Somerset House, where they sit illuminated on the wall of the holding pen-like space visitors stand in before being led to the basement area that houses the recording studio box.

  3. Ged-palmer-int-list

    I came across Ged Palmer’s work for the first time a couple of years ago over a boozy pub lunch with my dad, and since then I’ve followed his progress in hand lettering and sign-writing with interest. His skill in this traditional medium has gone from strength to strength, with new techniques and processes added to his arsenal on a regular basis, and what started out as a simple flair for type has progressed into a fully-formed talent for fashioning works of graphic brilliance.

  4. Pentagramlogobook1

    If Pentagram’s Micheal Bierut reckons a book can “make better designers of all of us,” its likely to be a pretty useful tome. The designer was heaping praise on Logo: The Reference Guide to Symbols and Logotypes by Michael Evamy, which is just about to launch its new mini edition with publisher Laurence King.

  5. Fonshickmann-list-int

    A couple of weeks back we had Fons Hickmann, founder of the eponymous design studio Fons Hickmann m23 in Berlin, talk us through his favourite publications, so that we could get a bit of an insight into his taste, influences and inspirations. In the process, we found out that the studio has recently begin working on Germany’s Greenpeace Media. “For Greenpeace Media we design magazines, posters and even packing tape,” the studio’s website explains. “Working with political and social topics has always been important and close to the heart of m23.”

  6. Arndtbenedikt-posters-list-int

    Scrolling through Frankfurt-based design agency Arndt Benedikt’s website, I get the impression that somebody in the studio is sneaking off every half an hour to immortalise some of the fantastic design work they’re creating in poster form. Or maybe managing partners Felix Gross and Falko Ohlmer are just really into posters – in which case, hurrah! Alongside remarkably advanced work like this campaign for Greenpeace, and some mature corporate design work they make these: bright, dynamic and joyous posters, for everything from a spell teaching at the University of Applied Sciences Mainz to an open air party in Hamburg. They’re informative and really nice to look at, which is all we need from our large-scale printed matter.

  7. Bedow-record_mania-int-list

    Swedish design studio Bedow isn’t new to branding musical enterprises. Back in 2013 it produced a clean, minimal identity for Canadian record label More Than Human. That work was nice, but its latest offering for Stockholm’s internationally renowned store Record Mania might be even better.

  8. Isabellucena-tarot-int-list

    When it comes to Tarot cards we’ve pretty much seen it all. Since the arrival of the Rider Waite deck in the early 20th Century nobody in the western world has really changed the game and made The Fool, The Ace of Wands or The Hierophant look all that different from Pamela Colman Smith’s incredible drawings. But recently designer Isabel Lucena has had a crack at it, and the results are surprisingly refreshing.

  9. Thamnesandhudson-cover-list-int

    For a young boy who grew up in the suburban Midlands, the west coast of the USA is really the America of my imagination, far more so than the refined cities of the Eastern seaboard, the vast expanses of the rural states or any of the other myriad landscapes to be found between sea and shining sea.

  10. Jorgeleon-amigo-int-list

    It’s always refreshing to see a creative being really honest about the challenges of a particular brief before showing us their solution. So it is with Barcelona-based graphic designer and art director Jorge León, who sets up his work for the Amigos skate shop by referring to the “many problems” it had encountered with its brand.

  11. Unnamed

    International design agency IS Creative Studio has done some elegant branding work for both rotisserie AND grilled chicken restaurants. And both identities look refreshingly tasteful. The studio’s work spans print, product and retail design, and its practice is based on extensive research and a desire to always go beyond the product at hand. Or indeed the chicken. Founded in 2010 by Richard Meza, the agency produces great work that shifts aesthetics seamlessly. From visuals that wouldn’t be out of place on a summer’s day in Capri in 1965, to fast food stereotypes and what is described as “type [broken up] to simulate chunks of fruit swimming happily in cream,” it’s a bunch of consistently impressive design work.

  12. Screen-shot-2015-01-26-at-10.12.37

    It’s little surprise that Mike Lemanski’s graphic design work has been something of an It’s Nice That favourite, and since we last posted about him in 2013 he’s not let his style slip. Mike’s site boasts some beautiful, mature designs for Feuilleton magazine, which takes articles from various international publications such as The New York Times, translates them into French and publishes issues every quarter.

  13. Hardyseiler-hannover-list-int

    When Hanover-based designers Bureau Hardy Seiler and web design agency Created by Monkeys decided to pitch to design the identity for the Freies Theater Hannover, they found themselves faced with a dilemma. The theatre hosts every flavour of live performance going, from puppetry and musical shows to experimental dance, and all in one flexible and family-friendly space. How could they create a graphic language to match that?