• 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

    Hot Chip are one of those bands that have always had a fantastic visual sensibility. Illustrator Wallzo has been at the helm of it, bringing us glorious Michael Craig Martin-esque block colours and shapes to decapitated statues. Now, the band is moving into the world of bespoke printing, with the artwork for new album Why Make Sense by Nick Relph using an algorithm that means each copy’s design will be unique.

  2. Rawcolor-febrik-4-int_copy

    Eindhoven-based graphic design and photography studio Raw Color has created a great multi-platform identity for interior textiles brand Febrik, using horizontal, laser-cut lines as a reference to archiving methods in textile sample books. They are utilised both for this purpose and as decorative details on business cards, stationary items and online.

  3. No_rocket_asinello_press_1_1160-int-list

    We often discuss the importance of a decent-looking site in presenting creative work, but until we received Francesco Zorzi’s latest missive, we didn’t realise just how much we were into well-presented emails. A lovely GIF and an irresistible typeface led us to the Italy-born, Amsterdam-based designer’s site, No Rocket, which further cemented his reputation as a man with a very discerning eye indeed. The project we admired the most is this logo for Genoan publisher Asinello Press, taking an illustration of a hoof as its motif.

  4. List

    You’re 25 years old and Richard Turley calls you up out of the blue and says; “Hey, I’ve just got this sweet job at MTV and I’d like you to come on board as my senior designer, are you interested?” Of course you’re interested! You’d be a fool not to be interested, even if it means leaving your current (also awesome) job as an art director at The New York Times. Sounds nice right? Well this isn’t some fictional story I’ve just concocted in my head, this is the soon-to-be legendary tale of Erik Carter, a Virginia native turned New York City creative powerhouse who’s filling our (music) televisions with choice tidbits of witty animation and humorous asides from the world of the web.

  5. Michaelbierut-nyt-signage

    Michael Bierut is a designer, Pentagram partner, writer, lecturer and self-confessed nerd. Taking the stage at the Design Indaba festival in Cape Town yesterday, he announced his new book, pithily titled How to: Use graphic design to sell things, explain things, make things look better, and (every once in a while) change the world. Published by Thames & Hudson it won’t come out until later in the year, but we felt it was a good excuse to look at some of Michael’s most interesting work from across the years.

  6. Untitled-paris-ad-int-list

    They say that one good turn deserves another. And one good project leads to another, as Untitled Paris has shown us. Last year, the agency was commissioned to create a new identity for interior design company Laplace, creating a slick monochrome look that uses the name as the logo mark. Untitled says: “The entire identity rests on a simple type system and contemporary but sober look, as the work of Laplace is full of colour and feeling.”

  7. Dyakova-list-mcm_gagosian_back-cover_905

    Earlier this week Sonya Dyakova revealed that she “like[s] to wear a uniform that [she] can just hide in and work.” And while her clothes may want to slink into the background, the work of her agency Atelier Dyakova begs to be in the spotlight.

  8. Kurppa-hosk-korshags-int-list

    It’s not often I get to write about my two great loves in a single article, but sometimes the stars align and I’m covering smoked fish and graphic design all in the space of 300 words. Today I feel blessed! This strange combination of subjects has come together thanks to Swedish agency Kurppa Hosk undertaking a wholesale rebrand for Falkenbergs Lax, a small, family-owned smoked salmon specialist. Charged with turning the small-scale brand into an international major player in the fish industry, Kurrppa Hosk renamed it Korshags, and have came up with a sleek new visual identity to accompany the new name.

  9. George-primo-louw-1

    As a rule we profile Jorge Primo on the site once a year; first due to posters for a shoe brand, then a carpenter’s identity and last year it was just for his personal work. This time round Jorge has been hard at it making graphics for skateboarding brand Louw. He’s done designs for their decks, exuberant posters and even knocked up a hand-drawn version of their logo. Choice!

  10. Francesco-del-russo-bologna-int-list

    Graphic designer Francesco Delrosso has spent the past few years making his way through undergraduate study and out into the big wide world of Fabrica, Benetton’s communications research centre. There he’s honed his skills in research-based design, putting them to use in the creation of all manner of print publications. Since leaving Fabrica he’s settled in Urbino where he’s specialising in communication and editorial design at Isia.

  11. Eloisa-perez-book-int-list

    Early school days weren’t so bad: the odd bit of colouring in, keeping up with the adventures of Billy Blue Hat, playing that game where you have to sit in a curled up in a ball being quiet when the teacher wants a rest. But they could have been even brighter, especially in the learning to write department – and graphic designer Éloïsa Pérez’ Apprendre à écrire offers a perfect solution.

  12. Mariohugo-recentlyrejected-int-list

    There was an interesting discussion on our podcast recently about why anyone would really want to watch the creative process taking place. Off the back of our visit to see what was essentially P J Harvey in a box, we’ve spent a lot of time chatting about how the creative process is slow and messy and frustrating, littered with wrong turns and dead-ends.

  13. List-la-direction_le-sucre_1-int

    A sweet, sweet identity project for you today, in the shape of Lyon-based studio La Direction’s work for venue Le Sucre. The studio is helmed by Aurélien Arnaud and Elsa Audouin, who set it up two years ago and have since worked across print, web, and interior graphic design for clients ranging from adidas to Born Bad Records to Grolsch. The one that most neatly presents the breadth of their capabilities, though, is the aforementioned Le Sucre project. The venue is a late-night party joint in Lyon, and the graphics subtly reflect its hip vibe while remaining resolutely timeless and simple. We love the restraint of the interior graphics, letting the strange architecture speak out, and the gorgeous blue of the printed materials. Elsewhere on La Direction’s site are some excellent poster designs, so we’ve popped a couple of our favourites on here for you. What’s not to love about the blue erotic market woman?