• 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

    It’s customary at the annual Swedish design awards, Design S, for a three-dimensional S to be awarded to the finest of Scandinavian practitioners; and it’s always made from traditional Swedish materials. Previous years have seen it crafted from finest Swedish wood, but this year’s award by BVD is folded from Swedish paper, fashioned into a giant origami letterform. We hadn’t a clue how they’d done it, but pleasingly there’s an accompanying video that shows you how to make your own.

  2. List

    Whether you’re a gherkin lover or a fastidious type who sits carefully peeling the little green things from between burger buns, there’s no denying just how awesome the identity for this Madrid pickle stall is. Barcelona-based graphic design studio Bendita Gloria is behind the look for the stall, named Bombas, Lagartos y Cohetes, which joyfully translates as Bombs, Lizards and Rockets. Owned by Kike Martínez, it specialises in “banderillas” – little morsels of different deli foods skewered together.

  3. Pentagram-list

    Pitting black and white photography against block colour, Pentagram’s new identity work for Queens Theatre in New York is slick, bright and strong; with as much vibrancy and grace as the performers that tread the venue’s boards. Designed by Paula Scher, the identity is based around a logo created from simple, geometric shapes alluding to the theatre’s architecture; which can be pulled apart and rearranged across various different applications to demonstrate the theatre’s broad and diverse programming, and appeal to an equally diverse audience.

  4. Listtt

    Year six is a tricky time to remember. Clearly we were too busy counting pogs, furtively worrying about training bras and forging detailed plans of how to marry Damon Albarn to forge many other remembrances. What it’s likely we’ve forgotten, then, is the terror of leaving for senior school and all that entailed – going from being a big fish (relatively) to a tiny one who suddenly felt a bit embarrassed about still wearing her hair in two plaits.

  5. List

    Featured back in January, Barcelona-based studio Querida has had a busy few months churning out more of its stylishly colourful and well-considered design work. One of its latest projects is this catalogue for Spanish opticians, Optiques Prats which takes the form of an incredibly stylish magazine catering for the optically challenged.

  6. List

    It’s wonderful when graphic design perfectly unites two seemingly disparate concepts – and Commission Studio’s branding for a Lewes-based homeware brand is a quietly brilliant example. The project saw the London studio (which designed our 2013 Annual) create the look and feel for a range of delicate, subtle pieces like candles and soaps with a name that deliberately sounds anything but delicate and subtle – Freight.

  7. Listtttt

    There’s a whole heap of great design studios in Barcelona with which we’re very familiar but it’s always a joy to discover talent we haven’t come across before. Such is the case with P.A.R, a graphic design and art direction studio run by Iris Tarraga and Lucía Castro. The way they talk about their approach eschews any kind of bullshit, as they write on their website: “Our methodology is simple: We listen to our clients, we understand their needs and we solve them. Our style is clear and direct, we take care of the balance and harmony in our designs, we use typography and colour accurately, we believe in functional design.”

  8. List

    We were lucky enough to meet some of the team from Singapore studio Foreign Policy when they popped into It’s Nice That HQ during a recent research trip to London. The same friendly, curious and open-minded approach that led them to drop us a line has also seen them develop The Swap Show, “an exhibition exchange between design studios and creative agencies from cities around the world designed to showcase and celebrate creative work internationally.”

  9. List

    It’s tricky to implement the intricate tricks of an optical illusion in a book cover design without the finished product appearing slightly heavy-handed, but designer Hansje van Halem does it with poise and perfectionism. She’s worked as a freelance graphic designer since graduating from Amsterdam’s Gerrit Rietvield Academie in 2003 (as her About section explains) and her enjoyment of what others might find to be repetitive shines through in the illusory patterns in her portfolio.

  10. List

    As serious art and design journalists, we’re not distracted by mere baubles. But when said bauble takes the form of an online game (think Space Invaders meets graphic design portfolio) then who are we to resist. It’s one of many trinkets to be found on karlssonwilker’s terrific new website, which shows off their work in the best possible light and confirms their status as one of the most accomplished design studios working today.

  11. 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.

  12. 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.

  13. 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.