Kleijn Agency

A modern responsive project to showcase the portfolio of Kleijn Agency, an established Barcelona graphic design studio.

Kleijn Agency web design project
  • Project tasks
    • Front-end development
    • Responsive web design
    • Interface design
    • User experience design
    • Content management
    • Blog design
    • Visual design
  • Project website www.flaviokleijn.com

The brief

Kleijn Brand Agency is a Barcelona based graphic design studio with expertise in brand identity design, packaging, creative photography and brand communications management. They have a great portfolio of work for some very well known brands and asked us to help with the design and build of their new web site.

The brief was to work with Kleijn’s designs to create a fast, modern, responsive web site that would allow them to showcase their portfolio and allow their clients to quickly get an overview of their expertise and skills. The brief also called for the site to provide an easy-to-use blog and it was important that the new site have a content management system that was fast and intuitive.

An interesting collaboration

For most of our client projects we’re uniquely responsible for the development of the visual design but an interesting part of this project was the chance to collaborate with other designers on the look and feel of the site.

While Kleijn themselves have a strong focus on print and offline design, they were able to provide an initial set of layout ideas for the site. It was then up to us to look carefully at their ideas and use our experience to help shape their ideas into layouts that are well suited to display on the web.

A strong visual focus

It was important that the site should have a very strong visual focus, leaning heavily on the great imagery available from the Kleijn portfolio. The site layout is underpinned by a simple but strong grid, which is consistent across the site and allows us to give the images the focus they required. Each portfolio item carries a lead image followed by a selection of image blocks that spans the grid in a number of layout combinations.

The home page and portfolio landing page required a Pinterest style masonry layout (using blocks of different sizes), and we implemented this with a pure CSS solution that renders quickly on screen and doesn’t require any additional scripting to work.

This was another project that included the implementation of our favourite content management system for projects of this scale, Perch. Its intuitive editing features have been greatly appreciated by Kleijn, and the build process for us is always enjoyable when working with such as great system.

The result is a site that we’re all happy with and which meets the client brief and requirements: it’s fast, responsive and allows the Kleijn portfolio to take centre stage. It was great to partner with Kleijn on this and we’re looking forward to collaborating with them on upcoming projects.

Take a look at the new Kleijn site, and of course, let them know if you need some quality packaging or brand communication design.

DigitalHappy have made me digitally happy. I asked for a site that was above all quick, super easy to maintain and responsive – and that’s what I received. An attention to design detailing and always suggesting a better alternative to what I suggested, clearly explaining why certain improvements were necessary. DigitalHappy are unique, putting user experience first and fusing this user experience with impeccable design.

Other projects

Have an idea for a project?

We’d love to hear about your project and find out how we can use our skills and experience to help you.

Call us
+34 93 532 19 36

Email us

We'll only use your information to help us handle your enquiry, as explained in our Privacy Policy.