To Design front-end graphic design of the site using a responsive grid-based system

Designing the UX/UI (user experience and user interface) for all the Royal Parks sites, liaising with their internal digital team to produce a clean site, for desktop and mobile, all done in photoshop in a moderfide bootstrap style, Bootstrap was chosen as it’s the most popular HTML, CSS, and JS framework for developing responsive, mobile projects on the web.

The brief was a complete refresh of all their sites, bringing in modern Internet technologies such as responsive grids, bootstrap, TTML5, GPS Google maps and hidden content on slow bandwidth devices.

Content page templates:
Landing page template for each park
The Royal Parks homepage design
latest news
upcoming events
blog posts
promotion of The Royal Parks Foundation
contact details
park features – e.g. cafes restaurants, gardens or sporting activities.
use of Google maps for navigation/location
E-newsletter template
Mobile Web app (version of there full site, with button to full site)

Smallest to start from 320/480 pixels wide, this should have an almost app feel, for ease of use and usability, with clean UI and a strong UX across a group of mobile devices. The amount of content will almost be the same; maybe content and images can be hidden until user requests them for speed of download. Use of geolocation was used to identify monuments/sculptures to coffee shops, trees and so on.

Team Credits

Adam Barnes

  • Message
  • Technician Consult


Inspired by this project? Showcase projects you’ve worked on and inspire other people.

Post your project
Adam Barnes
Technician Consult