One of Rumble’s strong suits is collaborating with existing teams, in house or external. For Lisson Gallery we worked with both design consultants and the in house team to develop their new responsive site.

Approach

Lisson Gallery’s previous site had been developed in Flash and had a restrictive content management system. The most pressing reasons for a redesign were clear: to get greater control of the content on the site, and to ensure that the site would work well on mobile devices and tablets as well as high resolution retina screens.

Being an art gallery, the quality of the imagery is of course paramount, and with an extensive archive reaching back nearly 50 years, so managing these assets effectively also became a priority.

Design & Development

The design of the Lisson website was iterative in nature, the main pages of the site had been signed off as static visuals, but the responsive treatments had not been visualised or discussed in great detail.

To ensure that the site would work and look right regardless of device, resolution and screen size, we developed a set of guidelines to govern the typography, image treatment and specific modules throughout the site. By breaking the design down this way we could refer to the guideline document whenever a page would “break” at a specific browser width, or on a specific device.

Rather than designing for specific breakpoints, or specific devices, developing and following a set of simple design rules to follow makes for a much more flexible approach, and a more reliable end result.

Since the site launch, we’ve developed an ongoing partnership with Lisson Gallery and we’re continuing to iterate on and improve the site.