• 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

    This year for the first time ever Istanbul is to be included in the Venice Architecture Biennale, and will showcase the work of five contemporary Turkish artists as curated by Murat Tabanlıoğlu. So how do you go about celebrating your country’s participation in one of the greatest celebrations of architecture? If you’re anything like graphic design studio Future Anecdotes Istanbul, you put together a glorious identity and accompanying publication to celebrate the event.

  2. List

    Marcello Velho is one of a school of graphic artists subverting the forms of internet art that we’re becoming used to seeing, and doing something completely unanticipated with them. His abstract compositions are experimental and ambiguous, but that’s exactly what makes them exciting. He’s a pretty dab hand at design too, working on magazine covers, art directing features and just generally applying his magic touch wherever it’s needed. It’s only a matter of time until a global fashion brand with a wildly cool following happens upon his work and immediately has him applying his learned eye to look books, textile design and event invitations. Just for the record though, we got here first, yeah?

  3. List

    Behold! Dutch illustrator and designer Julian Sirre has a portfolio packed to the gunnels with beautiful futuristic design. His posters and prints take inspiration from 1980s sci-fi, Japanese printmaking and superhero comics, all amalgamated into a wholly unique visual language. He’s worked for Dutch science fiction magazines, London venues and a variety of extraordinary exhibitions including a group show with Jordy Van Den Niewendijk, Viktor Hachmang and Robin van Wijk – all exceptionally cool dudes.

  4. List

    Battersea Power Station is one of my favourite buildings in London (you can add that to the list of things-you-don’t-care-about-which-I-tell-you-anyway-in-these-posts if you like). Anyway this summer it’s hosting the Everyman Cinema and east London’s Bread Collective was brought in to create the branding and hand-paint all the on-site signage. Bread has previous experience when it comes to large scale design work that packs a personality-filled punch and it’s great to see them unleash their talents on such a famous landmark. The bright and lively visuals juxtapose neatly with their industrial surroundings and there’s a consistency that ties the site together without feeling sterile.

  5. List

    My favourite thing about Paris-based design studio Twice is that they continually combine texture and colour in such a way that I’m practically banging my hands into my computer screen with wanting to hold their publications in my hands. That’s the trouble with tactility – it’s not practical – but that shouldn’t mean designers abandon it altogether in favour of a wipe-clean, stark, sterile aesthetic that makes us lose all hope in print.

  6. List

    I was lucky enough to visit Istanbul for its inaugural design biennale back in 2012 and although I was blown away by its creative scene, I didn’t come across too much graphic design. Rummaging through Studio Sarp Sozdinler’s website this week, I had the nagging feeling that I might have missed out.

  7. List

    Belgian graphic designer Broos Stoffels has it all; great poster designs, great typefaces, great Dance Organ-powered drawing machine for the creation of custom vinyl sleeves – no really! The young designer is a former student of Sint Lucas in Ghent, a institution with proven design pedigree, and has spent the last few years honing his practical and conceptual skills into a fantastically coherent body of work.

  8. List

    If you aren’t familiar with The Casual Optimist blog about publishing and book culture then it’s well worth checking out (I’ll wait). Anyway last week its author shared these amazing posters created by the leading German graphic designer Gunter Rambow for the S. Fischer Verlag publishing house back in the 1970s. What’s interesting is that some of them tiptoe right up to the edge of being gimmicky, but always stay the right side of the line thanks to Gunter’s unerring image-making brilliance. I really can’t get enough of these.

  9. List

    When a studio does everything it can to get to the very root of a client’s working philosophy, it often leads to the most interesting and effective identity design. This is definitely true of Toronto-based studio Blok Design’s work for Dallas film production company Lucky 21. Created to mark the company’s new venture – “taking on the highly competitive LA market” – the identity takes into account the brand’s character, which the studio describes as “full of humour and fiercely passionate” to create a set of visuals that fall close to home.

  10. List-2

    Illustrator and longtime mate of ours Michael Willis is straying away from illustration and into something altogether more design-focussed. The elements at the heart of his images are the same; placing retro and contemporary influences side-by-side to create something so contemporary that it feels ahead of its time. He’s been working recently with Mood NYC, providing photographic manipulation and graphic treatment for their look book as well as helping create an overarching aesthetic for the brand, one which evades the recurring trends and repetitive styles that seem to permeate many designers’ portfolios.

  11. List

    Three years ago Milan studio Leftloft were commissioned to help iconic Italian football club Inter Milan with a ticket sales push, but the relationship developed into something much more comprehensive. Here art director Francesco Cavalli tells us how they came to lead an extensive rebranding of the whole club, from a new crest and a bespoke serif typeface to an exhaustive style guide for use across print and digital.

  12. List

    As of 6.30pm last night Airbnb looks a little classier. Having spent the past seven years growing a vast community of country-hopping collaborators, the world’s largest online accommodation marketplace has decided it’s time for a change. Gone is the awkward, dated logo that still reminds me of a bad ice cream parlour, likewise the cold, clinical blue that serves as the accent colour for all San Franciscan startups; and in its place is something entirely more exciting.

  13. List

    Massimo Vignelli was one of the most important graphic designers of his generation and his death in May affected the creative community very strongly and very immediately. The tributes poured in (some of which we included in our piece here) but for some the response to his passing would take a little longer to formulate. So it was with Colorado-based studio Berger & Föhr, who began this set of tribute posters when they first learned of his illness.