HBR Website Architecture

Harvard Business Review

Improving User Experience and Performance with Responsive Architecture

The Harvard Business Review partnered with Bocoup to translate the award-winning redesign of HBR.org into a performant and stable site through which HBR's global readership can access the latest ideas in business and management anytime, anywhere, on any device.

Challenge

As readers around the world consume content on a wider array of devices, including tablets and smart phones, the Harvard Business Review needed to adapt HBR.org to suit this new mobile audience. HBR began a massive redevelopment effort to make the site more user-centric and engaging across multiple platforms. The new design featured a library of UI elements to be reused throughout the site, allowing users to interact with and organize content in a personalized way. The HBR development team was looking for technical partners to help translate the redesign into a deployable site and provide holistic expertise and leadership for designing and shipping modular, performant front-end architecture.

Solution

Based on the HBR.org team's existing technology infrastructure and development environment, Bocoup designed and built a forward-looking, Web Component-ready architecture using JavaScript. This provided the HBR.org team with a simple and direct way to load UI elements selectively throughout their site. The increased modularity enabled the team to extend and test the entire library of elements in a single unified code base. Bocoup's engineers trained the team on CSS best practices and collaborative development to streamline workflows, maximize team performance, and ensure a reliable and maintainable code base. Once the site shipped, Bocoup helped the HBR.org team identify UX improvements and implement faster load times using techniques such as building and loading critical CSS.

Impact

Partnering with Bocoup helped HBR translate the award-winning redesign of HBR.org into a fast, reliable, and engaging site. Their investment in coaching their team on collaborative development workflows and best practices ensures the digital publication's continued success. HBR's new experience stands on its own as an interactive platform where HBR's global readership can access cutting edge business and management knowledge anytime, anywhere, on any device.

More work like this at Bocoup

open design kit

Open Design Kit

Our Website

Bocoup

Voyager

University of Washington Interactive Data Lab