The project was split into two phases; phase one involved creating a one-page site whilst the physical site was being completed to advertise the space and capture data of those interested. Phase two involved a design update to the homepage plus 6 additional page templates. The site was required to meet WCAG Guidelines to level AA at each phase.
Working from the Gresham Works brand guidelines the brief was to design a fun, engaging and informative website. As the physical site was under construction during the first phase we didn’t have any photographic or video content to work with so a visual language was created through the design of illustrated characters and scenes, pattern work, typography and colours, all inspired by the textures and details of the interior design. This helped to create a unique online space reflecting the coworking space that was in the works.
At the design stage various concepts were created before deciding on the final direction for the website design. We used WordPress as the CMS with custom theme development and the use of loading animations throughout really brings the site to life (these can be switched off to comply with Accessibility Guidelines). The CMS has been customised to ensure it’s easy to update by council staff.
In order to meet WCAG Accessibility Guidelines to level AA we ensured the following: site can be fully navigated by keyboard and voice control, works at 400% zoom, meets minimum colour contrast requirements, animations have a pause option, works with JS disabled and clearly labelled, unique buttons. Tests included SiteImprove, Google Lighthouse and manual checks, with a corresponding accessibility statement created and regularly updated.
Visit the website: greshamworks.co.uk