Responsive web design principles

Before...

‌ 

After...

 

Simply put, responsive web design ensures your web pages look good on all devices: mobile, tablets and [smart]phones, as well as personal computers. After the project has migrated your website, all of your content will be swipe-able, scrollable and render far more effectively on each and every device.

Coherent design, not duplicated design

Your web pages won't look the same on every device, instead they will render appropriately for the device's screen size. Page elements will automatically expand, collapse, and re-arrange. Content types that are arranged side by side in desktop views will become stacked at the mobile level. Navigation menus will display in full on desktop, whilst they will collapse behind icons on narrow-width devices, like smartphones.

By remembering and prioritising mobile design when you write your content, you will vastly improve the user experience, and a coherent and consistent online identity will develop across the site.

Clean, elegant, distraction-free design

The responsive templates and content types are based on clean, elegant, and distraction-free design, building on the existing website styles. Responsive content types are centrally managed, and, as such, help to maintain a sustainable web identity. Making, editing and updating content types will become a far more manageable process ensuring a far more robust development process and allow for improved testing. This means fewer content types breaking, and less time lost in development.

Publish great content, fast

With the new responsive templates, the technology to create great content types is built into the CMS to make publishing far easier and far quicker: beautiful web pages at the click of a button. Your team will be able to focus their time and attention on creating great content to engage your audience and tell our stories in more creative and exciting ways.

The migration process

How will the team manage your website's content migration?

Edit this page