• 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

Rob joined It’s Nice That as Online Editor in July 2011 before becoming Editor-in-Chief and working across all editorial projects including itsnicethat.com, Printed Pages, Here and Nicer Tuesdays. Rob left It’s Nice That in June 2015.

Most Recent: Graphic Design View Archive

  1. Tres_tipos_graficos_itsnicethat_list

    Spanish studio Tres Tipos Gráficos has created these simple posters for plays that ran last season at Teatro de La Abadía, a theatre and performing arts facility in Madrid. The studio has represented each production with a photograph that encapsulates the general feeling and atmosphere of the play as opposed to a specific scene or character to encourage the audience to create their own interpretations.

  2. Gurafiku-itsnicet

    Clicking on to Japanese graphic design website Gurafiku is something like stepping feet first into a black hole of graphic design. Started by Chicago-based designer and researcher Ryan Hageman in 2009 as a way to learn more about the history of graphic design in Japan, it has since grown into a archive which spans over 200 years of work, from the 1800s all the way up to the present day.

  3. Foreign_policy_brandguidesingapore_itsnicethat_list

    Foreign Policy Design Group, who we featured on the site last year, has nailed the art of collating diverse and sometimes complex ideas into a beautiful, cohesive publication. The first book in its new series, Brand Guide: Singapore Edition is like a beautifully arranged scrapbook of your dreams, rounding up “iconic homegrown brands that attest to the current golden age of design in Singapore,” the studio explains on their Behance page.

  4. Leslie-david-itsnicethat-list

    Leslie David might be one of the busiest women working in her industry. We last checked in with her six months ago, to swoon over the identity and packaging her studio had created for Glossier, and a typeface which looked to be blowing in the breeze, among other things, but this week she’s back with no fewer than three new projects. Three! She never stops.

  5. List-ashley-stephenson-new-york-times-its-nice-tha

    Designer Ashley Stephenson seems to be a shy chap, perhaps explaining why he prefers to go by his creative pseudonym G/tr, and why it took a friend of his to get in touch singing his praises. We’re not sure why, as Ashley’s certainly talented: this project was created while interning at the New York Times, and looks to show the publication’s prestigious heritage while also celebrating its move into the digital era. For each of the images, Ashley has imagined what the stars of yesteryear might get up to if they were as preoccupied as we are today with the likes of Snapchat, Vine, Instagram, Periscope, Twitter, Facebook, What’s App, Club Penguin, Habbo Hotel…you get the picture.

  6. Studio_storz_itsnicethat_list

    Berlin-based Studio Storz has a portfolio chock-full of visual identities, editorial design and book design that’s varied in style. What differentiates Studio Storz from other design practices is its collaborative approach to design. As part of Spector Bureau, a collection of designers, artists and publishers, it actively works with other professionals in the field. It sees the role of designers as ever expanding and one that can manifest itself as researcher, engineer, craftsman and communicator; and the studio’s relationship with the Heidelberger Kunstverein has been ongoing since 2012.

  7. Alexandre-pietra-for-noise-festival-its-nice-that-list

    A good identity isn’t necessarily one with a mega logo – though it doesn’t hurt – but one that looks great and is instantly recognisable across any touchpoint, be it a coffee cup or huge stretch of hoardings. When we saw this festival identity looking bloody brilliant on a balloon, we knew it passed the test. This simple blue and white look for French festival For Noise was created by Swiss designer Alexandre Pietra, and aims to convey the festival’s new, less rock-orientated approach. “The concept of this 2015 edition is to let the music speak for itself,” says Alexandre.

  8. Byop_int_list

    Earlier this month, the Serpentine Pavilion opened to the public. The beguiling, multicoloured woven structure designed by Spanish architects SegnasCalgo sits in Hyde Park like a more grown-up version of a fort you might have built when you were a child. Over the last decade and a half the annual architecture commission has become a much-anticipated beacon of design, and to celebrate 15 years of the Summer Pavilion, the Serpentine Galleries have teamed up with Kidesign, Marina Willer and the team at Pentagram to launch a digital platform and national campaign to foster the aspiring young architects of tomorrow.

  9. Lust_typedynamic_itsnicethat_list

    LUST not only has a great name, but is a studio covering a huge range of disciplines in an extraordinary way. Based in The Hague, Netherlands, it’s this project the studio did last year at the Stedelijk Museum in Amsterdam that demonstrates the studio’s unique and varied approach. An interactive installation for the exhibition Type/Dynamics, the show aimed to comment on the work of experimental graphic designer Jurriaan Schrofer.

  10. Song-haein-itsnicethat-list

    I’m just going to come right out and admit that there’s an inherent injustice in trying to explain how beautiful a printed book is through digital images. This is especially true in the case of Haein Song, whose painstakingly bound publications go one step beyond plain old riso-printing and saddle-stitching.

  11. List-its-nice-that-mtv_premium_collage_300dpi_iam

    MTV is launching a new “louder, shorter and hyper-visal” look and feel, incorporating user-generated content for the first time. The positioning has been reworded to “I am my MTV” from its former slogan “I want my MTV,” aiming to celebrate its audience and “bring new video art to audiences worldwide,” according to the brand. MTV says that the new design work was created in house, and it seems very much in the vein of the bright, brash and rather brilliant work of its senior vice president of visual storytelling and deputy editorial director (snappy!) Richard Turley.

  12. Penguin_design_awards_2015_list

    Today Penguin has announced the winning covers for its 2015 Penguin Random House Design Awards. The awards are an opportunity for art and design students to get involved with design for publishing. Entrants are given a detailed brief from the publishing house and are invited to submit designs in one of three categories. This year Scott Kooken’s Freakonomics takes the Adult Non-Fiction category, Kate Gamet wins Adult Fiction with Oranges Are Not the Only Fruit, and Lucie Williams’ Carrie’s War wins the Children’s category.

  13. List-eric-hu-talk-magazine-its-nice-that-

    We’re longtime, long-distance admirers of the work of Eric Hu, so the news that he’s recently launched a new magazine, Talk, is pretty damn exciting. And from what we’ve seen of the spreads, young Eric’s not disappointed us. The mag is the product of a collaboration with art director and writer Harry Gassel, former art director at The Fader, and is described as “a style-driven magazine on design focused on emerging culture.” And style-driven it damn well is: we’re digging the cover typeface, which seems to be formed of gloomy balloons, while the spreads show some innovative approaches to layout and image size. The first issue features the likes of David Brandon Geeting, Maxime Harvey, Simon Whybray and Raf Rennie, and we’re keen to see how Talk’s dialogue continues in future issues.