Royal Parks

Project Description

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 modified 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.

Project Details

  • Bootstrap, Photoshop, layers