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

    Ghent-based graphic designer Jelle Martens makes work which might be described as design with a heavy dollop of fine art added in. Working predominantly on record sleeve design since graduating two years ago, he has created projects for record labels Other People, Software and Unday Records among others, employing his very unique mixture of colour, texture and manipulated imagery to create designs which are unlike anything I’ve ever seen before. Halfway between optical illusion and close-ups in a photographic archive, the blend is an aesthetically pleasing departure from the new norms in the field; they almost feel like they should be in an art gallery rather than on the dusty shelves of a record shop. Jelle is also making a very strong case for graphic designers photographing their work on film; the graininess of the shots in his portfolio serve these tactile compositions better than digital possibly could.

  2. Main_09.10.43

    NACHTDIGITAL was once described as Germany’s “best kept festival secret” but now with a cult following that snaps up its entire tickets allocation in minutes, maybe organisers can be a little more creative with the visuals they commission.

  3. List

    Illustrator Eleonora Marton’s raw, bold aesthetic lends itself perfectly to large scale design, so we were happy to discover that rather than confining herself to witty, irony-soaked zines and sweet watercolour portraits, she’s unleashed her talents on a huge series of A3 posters and smaller flyers too. Using recurring imagery in varying forms – legs, animals, furniture and toys all feature – she creates posters for upcoming events which tick all the boxes event posters should. They’re eye-catching, interesting and incredibly informative, and what’s more, she makes it look incredibly easy. Just trying spotting that record player wheat-pasted up on a street corner and not taking a step closer to find out what it was advertising.

  4. List

    There’s something about the painstaking perfectionism of type design that doesn’t scream fun and frolics, but Commercial Type’s new webfont showcase is ready to prove me wrong. The New York and London based type studio run by Christian Schwartz and Paul Barnes is widely-regarded as one of the best around, but the pair have struggled sometimes to communicate the personality of their fonts. Enter the Commercial Type Showcase which they built with Wael Morcos to show off the lighter side of 16 of their creations by way of 16 microsites, ranging from poetry and poster generators to a train schedule board and even a digital therapist.

  5. List

    Lotta Nieminen is one of those graphic designers who is able to creating a lasting impression with her work in spite of it often being incredibly subtle in its approach. In my opinion this goes above and beyond her colour palettes, though they often combine pastel shades with serene muted tones; rather her projects seem to be finished with a kind of nuanced subtlety that resonates long after you first see it.

  6. Main2

    Not much makes us as happy as a brilliant studio churning out spectacular work, but to find out each member is a fantastic designer in their own right is even better. Diogo Potes just got in touch to show us some of his personal work away from his day-to-day collaborative venture, Portuguese design studio Alva Alva. Diogo’s solo work boasts all of the vibrancy, sense of humour and love of hand-drawn elements that Alva Alva has, but also contains a good dollop of personal style. For me, I think his work is strongest when he incorporates photography into his designs – something about choosing off-the-wall shots and enveloping them in rich colours and bold typography is very, very pleasing. Nice work Diogo, keep it up!

  7. List

    Like their counterparts over at Unit Editions, the Viction:ary team has an unerring eye for putting together graphic design books that are a cut above the competition. This stems from their ability to select a theme that is relevant and interesting and (crucially) identify the right creatives to showcase in exploring that subject.

  8. Wadelist

    When showing off a new typeface, most designers opt for the go-to panagram “The quick brown fox jumps over the lazy dog.” On one of the promotional posters for his new font Hardy, Wade Jeffree has plumped for “It’s too easy being a c**t.” In other words, this is a typeface with attitude.

  9. List

    20 years ago in 1994, little known designer Eike König set up his “graphic design playground” Hort, creating a community in the centre of Berlin where creatives could collaborate on ideas and client briefs side by side. Nowadays, the playground is slightly bigger, undertaking work for Nike, The New York Times and Walt Disney among others, but the underlying emphasis on collaboration and experimentation remains exactly the same.

  10. Main

    Political, powerful and poignant (although not always all at the same time), Abram Games’ work earned him a place as one of the 20th Century’s most iconic and influential graphic designers. Notoriously, one of his posters was banned by Churchill in post-war Britain and, although he crafted advertising for the Times, Transport for London and Guinness, his most impactful work was created for noble causes. During the Second World War he designed hundreds of recruitment posters and images discouraging waste, with slogans like “Use Spades, Not Ships” and bold dynamic graphics.

  11. Andrealist

    Sometimes the simplest things can be the hardest to pull off, but that is precisely what Andrea Evangelista’s graphic design achieves with quiet aplomb. I imagine most young creatives would quail at the notion of designing a book titled Trafficking Survivor Care Standards, but Andrea’s work is confident and careful, lending the text the clarity it demands. He lets the content sit in plenty of white space inside its buttercup cover, resisting the temptation to chuck in a bunch of pretty images.

  12. List

    As newspapers change, so the meaning, placement and purpose of their mastheads change too. This archive of Indian newspaper nameplates is therefore a celebration of the beauty and communicative skill that goes into them, and a snapshot of the contemporary news media in the sub-continent – see how the odd editorial email address crops up alongside some pretty historic type treatments. The collection has been compiled by Pooja Saxena, a Bangalore-based type designer who previously worked in Apple’s font team and studied at Reading University’s world-leading Type Design and Graphic Communication school.

  13. List

    Here at It’s Nice That we’re very aware of how often we cover certain creatives on the site, and we constantly make time to search out talented practitioners we don’t know as well as feting the latest work of those we do.