Website design | Responsive design | Digital publication designs

Client: Dairy UK

‘Please can you make our popular printed literature available as digital publication design’

Topright have produced many printed publications for Dairy UK. They wanted to supply this valuable and free information in a more sustainable way. Dairy UK asked topright design if they could create the most popular publications as online versions.

Read more

There are many ways of viewing publications online. All with different levels of success. The designs of Dairy UK’s most requested publications (that topright design agency created for them) are all very unique. Each publication has recognisable graphic cues or illustrative styles. Being loyal to the design styling was very important. To make sure that the digital publication design kept the core of what made each publication so popular. Topright stepped outside the standard method of producing digital publication design.

Producing the digital publication design

It was decided that each publication should become a separate website. This was achieved by using the multisite functionality within WordPress. Each publication would have it’s own menu and be housed under the main url of the corporate site. Each site would have it’s own CSS (Cascading style sheet). All text sizes, types and colouring is individual to each publication. Introducing the styling to each digital publication design would be far more custom using this idea of creation.

Digital publication sets

Recreating versions of the current publications sets was helped greatly by this method of production. For example: the popular ‘Baby booklet’ set (shown below) have very similar design features. But they all have their own colours, illustration and graphic design differences. This makes sure that they keep their own identity, but are clearly part of a set. As separate websites, each digital publication has clear unique sensible urls. This important and popular information is now available for generations to come.




Ensuring that each publication stayed faithful to it's printed counterpart. The publication illustrations we had created were used differently or adjusted slightly within the layout. But they reflected the original printed design well.


To enable the corporate site to host all of their publications on the same URL. But as different websites with different URL's the site was required to utilise WordPress multisite functionality

Parallax functionality

Throughout the publications there are many instances of images and backgrounds being shown with parallax functionality.
digital publication designs on laptop
digital publication designs on iPhone

Separate menus

Even though these publications are all on the same site, each has it's own unique menu.

Responsive design

Each digital publication is built upon a grid system that allows it to be very effective when responsive. It works extremely well across the vast range of different devices and gives great user experience.

Colour pallet

Each publication that is part of a set has it's own colour palette and CSS (Cascading style sheet).

The team are always friendly and helpful and are a pleasure to work with.

Sophie ClarkeCommunications Manager, Dairy UK

The website design showcases and promotes our booklets exquisitely.

digital publication designs on mobiles

Got a project in mind?