The Open website is a crisp WordPress build with a number of challenging front-end pattern designs, all achieved using CSS.

Open Contracts is a leader in the design of refurbishment and fit-out projects. The website had to reflect the high standard and inventiveness of the client.

The site has a project directory, a gallery page fed from their Instagram feed, a glossary system with tooltip popups, as well as a blog.

There are many geometric design patterns around the site, which behave differently depending on screen widths. Grids of circles, boxes and triangles that need to work at many different sizes. I came up with a pure CSS solution rather than SVG to give these areas maximum flexibility. The results speak for themselves.