a website to count on

king of all kitchens
15th November 2018

 

Creating a custom website

Designed by Paul @ Yellow Jersey Design, Atomic Agency provided the technical know how to convert this stunning design into a custom WordPress website.

 
abacus_cover_medium
 

What makes this website so special?

For the first time we got to use CSS Grid on a website layout. The customer wanted to be able to choose a unique layout for each of the content pages so the site looked fresh and not repetitive, avoiding flat columns like most masonry grids.

The customer also specified that they didn't want to have to learn a new system or program to achieve the look as they are a busy business.

We made it very easy for the customer by coding 5 different grid layouts and providing a simple "select layout option" from the WordPress admin page. The customer only needs to add the images and text to complete a page quickly.

Each of the grid layouts demonstrated below.

 

Added to the complication of the unique grid areas, the customer wanted to display information about each content section without trashing the images with text, so we created some custom flip boxes to solve the problem.

You will see a demonstration of this in the video below.

 

The website is also responsive so it looks amazing regardless of the device it's being viewed from.

 
abacus_ipad_medium

QUICK CONTACT

Get in touch to talk about your project