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

    Hotel branding can so often be a dowdy affair, as if the design nods to the temporary nature of the building’s inhabitants – something to move on from, rather than to dwell on. So it’s wonderful to see a brave, opulent new identity for the Connaught in London’s Mayfair, designed by The Partners around a stunning new artwork by Kristjana S Williams which now hangs in the hotel.

  2. List

    I was surprised to learn that Amsterdam’s HOAX studio don’t seem to have been on the site before, and faced with their wide-ranging portfolio it was a challenge to focus in on a narrative that made sense. Founders Bram Buijs, Sven Gerhardt and Steven van der Kaaij joined forces based on their “shared love for typography, material and experimentation” and this passion for fresh creative thinking runs throughout their work.

  3. List

    Creating a cohesive identity for a design conference might not seem like such a tall order, but the reality of producing flyers, bags, programmes and that all-important logo mark for an international event isn’t as simple as you might think. For starters there’s an abundance of conferences out there, each with it’s own unique look and feel, so creating visuals that present a point of difference will always pose a challenge; secondly how on earth do you make a talks timetable look exciting?

  4. List

    Boasting PVC-clad bottoms, surreal jazz photography and beautifully-rendered risograph prints of basketball hoops, Shabazz Projects’ homepage certainly offers a well-curated and striking experience. The LA-based publishing platform was founded by Hassan Rahim and Brian Okarski, releasing art, photography and design-focused books and objects, all with a run of 200 or fewer editions. Stand-out pieces include the Various Basketball Hoops risographs, which put a whimsical spin on these often weary-looking monoliths; and Eric Wrenn and Antje Peters’ Jazz photographs, which place instruments against a dramatic plume of smoke. Hassan and Brian say their aim is to “provoke and surprise,” and from the images on their site alone, they’re certainly not letting themselves down.

  5. Hellotalja_kit-list-image

    Many a blue-sky-thinker and envelope-pusher has been extolling the virtues of meditation and mindfulness to pseudo-spiritually swell their business jargon lately. So it’s refreshing when a beautifully branded, creatively-minded product emerges that promises to offer that lucrative “pause from modern life.”

  6. List

    If all the magazines and small publications that used the internet as their subject matter were dumped on your head it’d be curtains for you – there’s bloody loads of them. Some, like Offscreen, deal with the people that make digital culture happen and try to bring these unsung heroes out from behind their screens into the RGB limelight, others, like French publication Nichons – Nous Dans l’Internet (Tits – We In The Internet) are more conceptually-minded, analysing and assessing the social and cultural phenomena brought about by the ubiquity of technology.

  7. Main

    Setting up a design studio and changing your name to a cool pseudonym is a good two-fingers-up to life on the quiet side. Parisian designer Julien Ducourthial decided to make this leap, and now overseas The Jazzist, offering bold, fluoro design work “serving in fields of graphic design, illustration and art direction in digital & printed media.” When Julien emailed us he told us he was inspired by 8-bit imagery and cartoons, which gave us an immediate inkling that we were going to like his work. Anyone looking to commission a great French designer any time soon? Julien is your man.

  8. List

    We haven’t featured Oslo-based studio Heydays on the site for a while but a quick check-in with their portfolio shows they’re still producing top-quality work for an eclectic range of clients. Nöra is a design house based between London and São Paulo which among other things supplied the seats for the World Cup stadia in Brazil. Heydays wanted a look and feel that felt “sophisticated with a stylish twist.” The pointillist type treatment pulls this off neatly and there’s some impressive animated elements you can see below as well. Keep up the great work team Heydays!

  9. List

    When it comes to a trendy commission, a restaurant in east London that serves everything on the bone is right up there. Credit is due then to Burgess Studio, whose identity for the eatery doesn’t take itself too seriously. Built around a nice typographic wordmark and the simple idea of making the all-important bone into a smile, the look and feel rolls out seamlessly across everything from bags to cups, menus to the website. It’s simple, it’s striking and it steers well clear of some kind of terrible hipster overload, all of which is to be very much commended.

  10. List

    It’s been a while since we last checked in with Stockholm-based Bedow studio but there’s a host of new work to enjoy over on their site as ever. I was particularly drawn to their ongoing collaboration with Essem Design, “a Swedish manufacturer of artisanal hallway interiors.” Bedow used a refreshingly straightforward way in to what might seem like rather a niche product, building an identity around the Swedish words for “hello” and “goodbye” – the utterances most commonly heard in a hallway.

  11. List

    Producing graphic collateral for one of the world’s largest international contemporary art fairs is a brief that would have some graphic design studios quaking in their boots, but when London-based Studio Frith was approached by Frieze Art Fair they accepted with relish.

  12. List

    “Churn out” always sounds like a derisive expression when referring to exceptional creative work, but the prolific nature of some studios means it’s the only one I like to use use to conjure up the relentless mechanical precision with which these studios proceed – and I definitely don’t mean it derisively. And so to Praline, the products of whose churning we’re here to admire.

  13. List

    For graphic design types, the opportunity to run wild with a printer’s various techniques is pretty much the dream brief, and Mexican agency Anagrama have well and truly lived that dream. They were one of seven agencies studios invited to create a notebook with Imprimerie du Marais, and they were given free rein to experiment with effects like hot foil stamping, microembossing, silk screening and sewn binding.