Hello Design
Herman Miller Collection
Herman Miller
Herman Miller Collection
Herman Miller Collection
The Herman Miller Collection draws on George Nelson’s vision of “a permanent collection designed to meet fully the requirements for modern living.” This portfolio offers a breadth and depth of products to furnish environments for both residential and contract. We launched the Herman Miller Collection site to showcase this set of products in various settings including the opportunity to photograph products in the Eames Case Study House. We also directed and shot a Herman Miller factory video that illustrates the craftsmanship and quality that goes into every Herman Miller product—from sculpting the molded plywood to hand-stitching fabric and materials.
2. The Brief: Summarize the problem you set out to solve. What was the context for the project, and what was the challenge posed to you?Herman Miller needed us to create a digital destination for the Herman Miller Collection that highlighted the breath of the collection and illustrated how the collection could fit into a wide variety of professional and residential environments. The site needed to tell a wide variety of engaging stories that brought the furniture, the designers, and the iconic brand to life.
3. The Intent: What point of view did you bring to the project, and were there additional criteria that you added to the brief?In 1952, George Nelson described Herman Miller’s collection as a “a permanent collection designed to meet fully the requirements for modern living.” We intended to create a site that showcased the collection in a clear, functional, engaging system and embody Herman Miller’s passion for elegant, effective design. We needed to show the breath and depth of Herman Miller’s furniture at a glance and empower users to view by designer. Then we wanted to give context to the furniture with immersive photography that suggested an alluring design-driven lifestyle. Our strategy included subtle rollover that brought users deeper into the experience and educated them about Herman Miller’s powerful legacy of innovation.
4. The Process: Describe the rigor that informed your project. (Research, ethnography, subject matter experts, materials exploration, technology, iteration, testing, etc., as applicable.) What stakeholder interests did you consider? (Audience, business, organization, labor, manufacturing, distribution, etc., as applicable)We started with reviewing Herman Miller’s goals and objectives. Then developed the information architecture for the site. Once we had the information architecture, we created the wireframes, focusing on the end-users experience and ensuring that every feature and every page on the site would be an intuitive human-centered experience. Then came the photography, as life-long students of design it was a pleasure to photograph the collection, we were especially excited to have the rare opportunity to photograph the furniture in the Eames Case Study House. Once we had the strategy, the overall design, the content, and the immersive full-color photography, we brought all the pieces together. Our development team then used CSS, HTML, JavaScript to bring the site to life—ensuring that the site worked as smoothly on mobile devices as on desktops. Finally, we tested the site across platforms and browsers to ensure the best user experience possible.
5. The Value: How does your project earn its keep in the world? What is its value? What is its impact? (Social, educational, economic, paradigm-shifting, sustainable, environmental, cultural, gladdening, etc.)Our site embodies the Herman Miller Collection’s unique combination of aspiration and accessibility, sculpture and usability, elegance and informality, beauty and comfort. The site offers a delicate balance of storytelling, user-centered design, and technology. It inspires and educates a new generation about Herman Miller’s history and brings the brand’s enduring relevance to the forefront. The Herman Miller Collection consistently moves forward by using the latest technology—it’s only natural that the brand brought this philosophy to its digital touch points. The final site is a powerful educational tool that tells the product story while reminding us of the importance of craftsmanship, materials, and design. The Herman Miller Collection site not only shows the quality and value produced by the dedication, thoughtfulness, and individual human touches of the designers—it embodies them. We believe that details make a difference—as Charles Eames said, “The details are not details. They make the product.”
I was really prejeudiced against this for being so designerly obvious, but when I really looked at the site, I had to admit that I fell for its designy HermanMillerness: it is simple but deep. It has a functional modernism combined with rich, gorgeous, photography, and best of all, it’s full of information. – Marian Bantjes
At first blush this is merely a seductive furniture website, but once online with a good connection and a big screen, this site really sings from page to page. The curtain raising on each collection and the faultless click-through navigation was really impressive. And I’m not even a furniture design fetishist! – Mark Mushet
Sexy, sexy! We oohed and aaahed over the imagery, and despite the cliché of awarding a prize to such an obvious project, we really were seduced by the interface, the navigation and the wealth of information. – Shelley Gruendler
Herman Miller design is about purity of form, accessibility for living, and employing current and relevant technology. The design approach for this special collection website embodies each of these principles to the utmost degree of thoughtfulness and detail. It is simple and intuitive to navigate, and educational and entertaining to explore. It is beautiful design for an iconic brand. – Paul Roelofs