• 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. Quimmarin-posters-int-list

    Barcelona-based designer and art director Quim Marin has a strong visual sensibility and a prolific work-rate if scrolling through his site is anything to go by. There’s a load of impressive poster and other print design on there, with particularly effective use of some trendy tropes which can often feel stale in less talented hands. “In such a visually polluted environment I try to come up with fresh and memorable designs with a clear aim at essential beauty and equilibrium that, at the same time, will ensure communicative effectiveness,“ Quim says by way of a mission statement, and it’s hard to sum up his work better than that.

  2. Chevalvert-int-list-2

    You wade into Chevalvert’s portfolio rubbing your hands across your eyes, unsure of what you’ve stumbled across. The Paris-based studio was founded in 2007 by Patrick Paleta and Stéphane Buellet and describes itself as being based on an “open, multidisciplinary approach,” which might go some way to explaining why it feels like a cave laden with treasures. So many treasures.

  3. Fantastic-man-list

    Fantastic Man magazine has been redesigned, as shown in its teaser image of its tenth anniversary issue. The magazine’s new issue cover star JW Anderson has shown the new cover on Instagram, which reveals a new design seeing the masthead run vertically and horizontally, instead of its previous preluder horizontal configuration. The cover image also runs to both sides, moving away from its previous white-edged format. We’re excited to see what changes might have been made to the inside of the mag…

  4. Dwp-bikestock-int-list

    This morning I had a puncture that I couldn’t fix and had to get the train to work, so it feels timely to be writing about Bikestock, a range of vending machines full of cycling essentials that can be found all over New York and Boston. The concept is a simple one; inner tubes, spanners, tyre levers tyres and any number of other little bits and pieces that make your wheels turn smoothly are boshed into a vending machine so you can grab them on the go and, more importantly, at any time of day!

  5. List

    Joost Bos is a recent graduate from the Academie Minerva Groningen in The Netherlands where he’s spent three years studying for his bachelor’s degree. Like many of his Dutch counterparts he’s a dab hand with typography both traditional and experimental and has a plethora of printed pieces in his portfolio. This one, Sequence 1, is an exhibition catalogue for a show of artist books at Joost’s alma mater, which perfectly demonstrates his design sensibilities. Immaculately set type is interspersed with hand-drawn elements and bright colours bring intrigue to an otherwise monochrome publication. Like what you’re seeing? He’s available for freelance work right now!

  6. Sam-coldy-penguin-int-list

    Is it just me or is Penguin killing it at the moment? The publishing house only recently celebrated its 80th birthday by launching a range of its classic titles for 80p each, accompanied by a slick website and a poster campaign which has reached even the furthest corners of London’s transport system. And right now, they’re in the midst of a new campaign called On the Page which celebrates women authors and characters in literary masterpieces.

  7. Karansingh-mop-int-list

    The glorious coming together of pattern, shape and colour makes for a joyous experience and that’s why print designers are held in such high regard. Last week we commissioned Animade to turn three eye-poppingly good Pucci x Orlebar Brown patterns into trippy GIFs, this week we’re turning our attention to profiling creatives we believe are among the best around when it comes to working in this area. We are proud to present these #mastersofprint.

  8. Gerard-marin-int-list

    There’s something of a trend going around at the moment for identities using 3D logo-marks, and with this one by Gerard Marin we can see why. Barcelona-based designer Gerard developed the branding, stationery and corporate materials for interior designer and visual merchandiser Neus Ortiz. Recognisability and malleability were at the forefront of his mind for this project, and the flexible “N,” which changes according to its application, prove a neat solution to both. His is an unfussy aesthetic which lends itself perfectly to branding projects – here’s hoping more make their way to him very soon.

  9. Nike-logo

    There’s a moment in this film where Michael Bierut comes over all Hayley Joel Osment in The Sixth Sense as he declares: “ I can see things in typefaces that normal people can’t.” It’s part of his discussion about how “design can be a lonely thing” and that as you immerse yourself in that world “you’re actually making yourself less normal than regular people.” Filmed at Design Indaba in South Africa last month, this interesting short film moves onto to look at logos and why designers are so interested in them. Using famous examples like the Nike swoosh and the Target, um, target, Michael explains his theory that we’re drawn to them because they’re primitive and yet we invest them with so much meaning. “A lot of what we see when we’re looking at the logo isn’t really happening in the logo; it happens in our own mind,” he explains.

  10. Emilyoberman-snl-int-hero

    One of the undoubted highlights of this year’s Design Indaba conference in Cape Town was hearing Pentagram partner Emily Oberman detail her long-running work on Saturday Night Live. Emily has worked with the programme for 20 years, creating three separate versions of its identity, various title sequences and even spoof adverts to run in the breaks (like this). Now Emily has teamed up with writer Alison Castle to produce Saturday Night Live: The Book, a 500-page paean to the show which coincides with its 40th anniversary this autumn.

  11. Studio-lin-stampa-int-list

    Sometimes a dead simple idea is all you need to create something really striking. In the case of Studio Lin’s branding of Stampa that simple idea was a rolled up poster. Stampa specialise in limited edition prints produced by some of the best illustrators around – shipped direct to your door. How do they do this? By rolling them up in a poster tube. So what does their logo look like? A pair of rolled-up prints joined at their edges to form an S. Studio Lin also commissioned an entire custom typeface for the brand, but for me it’s that swirling blue S that hits the nail on the head every time. Simple!

  12. Ines-cox-int-list

    Scrolling through what feels like an endless array of projects, it’s difficult to believe that Ines Cox only founded her studio last year. Since parting ways with former partner Lauren Grusenmeyer, co-founder of five-year endeavour Cox & Grusenmeyer, Ines has branched out on her own to establish an eponymous practice based in Antwerp. While she still includes much of her old work with Lauren in her portfolio, her new work demonstrates an exciting and playful approach to typography and innovative poster design.

  13. Dot-dash-flatpack-int-list

    Film festivals and great graphic design go together like Powell and Pressburger; as proven by the identity for Iceland’s Stockfish Film Festival, and Dot Dash’s designs for Flatpack Film Festival in Birmingham.