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.
- Bootstrap, Photoshop, layers