This site is a design-in-progress. More updates to come.

IKEA Family Live

A digital publication catering for 27 languages over 29 countries.

A montage of mobile and desktop screenshots showcasing designs made for the IKEA Family Live website.

Originally a print publication, ‘IKEA Family Live’ focussed on real home stories and interviews from IKEA customers, where readers could discover how purchases were used in interesting and creative ways, inspiring them to go out and buy it for themselves. The magazine was distributed quarterly in over 29 countries, and translated for 27 languages.

A site had originally been launched a couple of years before I started on this project so I worked with a team of strategists, developers, and content makers, to both redesign the site and streamline the CMS.

Part of our brief was to explore what a quarterly release ‘feel’ could look like. A strong concept of ours moved away from a traditional navigation to something which integrated issue numbers and articles. The site also had to be responsive, so before going in to build we looked deeply at how each component (particularly on the homepage) would flex and change. Having something visual to use as a starting point worked really well for our front-end developer, which we then tweaked and built upon as a team in the browser.

Streamlining the CMS was a very UX driven part of the project. Most of the editors and translators who would be using the CMS worked on-site, so it was really easy for me to set up workshops where we would discuss things like what current problems they were facing, and what would make their job easier. These sessions helped in creating clear goals and outcomes, for example a simple side-by-side view for translating content, and a clear overview of issues or articles which were either published, unpublished, or archived.

A screenshot of the IKEA Family Live home screen.
An example of a 'cover' of a new issue. Maintaining print and magazine terminology actually made things easier to communicate, especially when selling the concept to stakeholders from a traditional print background.
A screenshot depicting an open 'issue' where a user could easily navigate articles. Every article would cross-sell products at the end as depicted here.
The first image shows an example of how a user could navigate to content inside an issue. The second image shows an example of how we would cross-sell products which were featured in a content piece.
Various mobile screenshots of the responsive website. Various tablet screenshots of the responsive website.
The redesigned site was responsive and needed to retain that editorial feel through any device or experience.
A snippet of detail showing how we developed the responsive framework for the site.
We designed and developed a responsive framework which helped map content to layout. This proved a useful document for art directors and editors to help create and direct future editions and content pieces.
A wireframe screenshot depiciting the CMS editors used to publish content. A wireframe screenshot depiciting the CMS editors used to publish content, continued.
We designed a bespoke CMS for editors to create and upload content. These were tightly linked to the previously described responsive framework and also had to accommodate 27 different languages.
A designed view of the CMS. A designed view of the CMS, continued.
The design was kept simple but had to be branded as IKEA (for rights purposes). The intention was users could edit content and see updates via a split view.