Lift Interactive

component library
responsive design

Design and development teams come together for an internal project to unlock an agency’s potential.

Working at Lift there was no shortage of projects keeping things fresh. But the problems that arose were the same faced by any agency serving small-to-medium-sized businesses: the budget is never quite large enough; the timeline is never quite long enough.

We needed a way to reduce production time, while still allowing for the bespoke design craft clients expect.

The front-end team — of which I was a part — worked closely with the design team on each project. It was often left to us to design the responsive versions of sites based on an initial desktop-size mockup.

I had already built a solid Sass architecture we could reuse between projects, but we realised that we had to go beyond boilerplate. We built out “headless” versions of the design elements and patterns we’d see most commonly, allowing both designers and developers to not have to start from scratch for each project.

With this setup in place both teams were able to deliver sites that were still custom to the client’s needs while reducing the final development time. This increased margin gave the company the resources to expand into larger projects like custom web applications.