• 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-0102-0103-0105-triptych-%c2%a9-david-shaw

    When the Design Museum planned its Women Fashion Power show, which opened last month, it was very much keen to take the “women” component seriously, appointing them to take care of both the exhibition design and graphics for the show. As such, it drafted perhaps one of the most famous women in design’s practices, Zaha Hadid Architects for the exhibition design; with Lucienne Roberts and her team (Dave Shaw and John McGill) at LucienneRoberts+ creating the graphics.

  2. List

    Based in Manheim, Germany, Deutsche & Japaner have a really great sense of what looks good. They have been on the site a couple of times for their stylish graphic design but this work for the Aesthetics Habitat project shows off a bit more of their own personality. The site is described as “a venture all about meeting objects with a personal interpretation, transforming its function and creating narratives” and in essence its curators invite creatives to respond to and reflect on their relationship with a favourite thing of beauty.

  3. List-flyers-for-the-institute-at-sexology.-photography-by-russell-dornan_-design-by-liam-relph-(3)

    London’s Wellcome Collection space always hosts explorations of the things that fascinate us most. It’s covered death, it’s exhaustively explored the human body in all its glory and grotesquery, and now it’s moved on to surely the most fascinating of all – sex, or more precisely, how people have studied it.

  4. List

    Brimming with sophistication and an understanding of what makes great design, Atelier Tout va bien’s portfolio is a glorious way to scroll away the day. The studio is made up of French design duo Anna Chevance and Mathias Reynoird, and it’s the pair’s editorial, poster and book design that really stands out.

  5. List

    The It’s Nice That team recently discussed which discipline we cover on the site would we most like to be brilliant at (it’s the kind of thing we do to wile away the final, dragging hours of these dark winter afternoons). After the appropriate amount of consideration (charts, cost/benefit analysis and the like) I plumped for book cover design and that led me down a little book-design-reminiscence and that led me back to Linda Huang.

  6. List

    Another day, another well-crafted, interesting identity for a topic that isn’t perhaps the most instantly exciting. This time, bringing us issues like “sustainable urban energy planning” and “urban transitions management” (we admit we’re not too sure what this means), is this identity for Sustain, by Filimonas Triantafyllou. Sustain is an academic platform to host discussions between different universities in Europe and Asia about their research into sustainability issues, and it’s refreshing to see Netherlands-based graphic designer Filimonas take such a pared-back, colourful approach to the subject matter. The graphical treatment uses different typographic word-marks for each of the topics being addressed, with each symbol reducing these rather complex issues into a simple motif.

  7. List

    Eschewing the usual white-paged minimalism, Berlin gallery Neumeister Bar-Am boasts a charming identity inspired by all things postage. The gallery is housed in an old Post Office space, and Slovenia-born, Berlin-based designer Neven Cvijanovic chose to look to its former home in designing the identity, using a colour scheme referencing that of the Deutsche Post. The flexible identity system uses icons that recall mail stamps that adapt to each show for use on invites; while other collateral like stationery and business cards are more pared-back. It’s great how the theme is subtle, yet direct – especially in little touches like the yellow tape.

  8. List-dunnamed

    Australian consultancy Sense designed the identity for this year’s Czech & Slovak film festival, which took place in Melbourne and Sydney, creating a look look inspired by the gorgeous hand-printed Czech film posters of the past. The festival was themed around the idea of “resistance”, as a nod to 2014 being the 25th anniversary of the non-violent “Velvet Revolution” in Czechoslovakia – a series of peaceful demonstrations against the Communist Party of Czechoslovakia that worked to end 41 years of Communist rule in the country.

  9. List

    If last week on the site was dominated by terrific Norwegian graphic design, then this week it’s the turn of Finland, and more specifically Kokoro & Moi to step into the spotlight. Teemu Suviala and Antti Hinkula’s studio has been going for 13 years now, and it’s always exciting to get wind of new updates on their site.

  10. List

    No matter how long it is since you left school, Monday morning can still bring back that sense of academic-induced dread. The Exercise Book by South London design agency Calm & Collected may well inspire similar reminiscence but all being well it’ll be of the warmly nostalgic kind rather than the “haven’t-done-my-homework-forgotten-my-PE-kit” pit of the stomach variety. The publication accompanied the group’s recent show LEARN and features hand-drawn graphics inspired by education across black and white, colour and risoograph pages.

  11. List

    Whenever we come across graphic design that features non-Latin script we are always aware of the immediate appeal that comes from these letterforms that are so different to our own. In this case though it’s hard to get round that, because Eric Hu’s A Thousand Characters is a very definite and deliberate celebration of these beautiful alien forms. It is comprised of 1,000 unique illustrations of each letter in a classical Chinese poem that has 1,000 non-repeating characters. “These were drawn with my mouse using a dynamic drawing application I had programmed in Processing then manipulated further in Photoshop,” Eric explains.

  12. List-2.-sign_sympton

    While certainly an innovative and useful tool, tech-based health tracking isn’t, perhaps, the most exciting concept. So it’s great to see the look and feel of a new health and technology platform use such playful, bold design cues. The Beautiful Meme has worked with illustrator Tal Brosh on this great look for Health Tech & You, a joint initiative between the Design Museum and AXA PPP, which looks at new breakthroughs in technology that tracks and monitors health.

  13. List

    A cute little one-eyed book reading a cute little two-eyed book greets us on the site of designer and illustrator Julia Boehme, offering an irresistible invitation to delve into her portfolio, which perhaps unsurprisingly, leans toward all things bookish. The wee anthropomorphised tomes also star alongside pretty girls reading books in some great work for Hungarian University of Fine Arts, for which she’s produced a small brochure explaining the four arts libraries in Budapest. Cuteness is very much the order of the day throughout her work, but she manages to stay just the right side of sickly. We love the simple, tongue-in-cheek Wes Anderson aesthetic of the Year Book project from 2011, which acts as another excuse for us to post some ludicrous, large-specs-based portrait photography.