skip to Main Content

UI enhancements to Grainger’s marketing website for their flagship development, Clippers Quay (w/AND Digital & Webcredible)

Homepage: Animated logo, Grainger branded header strip, full width video/image

Clippers Quay Homepage

Introducing design consistency, button and icon styles, parallax ‘sails’

Mobile: Homepage, and scrolled ‘place to live’ page

Module designed to contain animated data and images

Clippers Quay: Data & Image Module

Floorplan modals

Designs For 360 And Floor Plan Modal

Trouble-shooting the design of Grainger’s new marketing website for their flagship development. Working with the business, product, brand and technology leads to identify opportunities to enhance the design, to deliver a quality of UI that meets with the expectations of the business, within a tight ‘go-live’ deadline.


  • Analysis of how the design to-date meets the needs and expectations of the business.
  • Finding a balance between the development brand and corporate brand.
  • Fast turn around of draft design objectives and refined UI elements.
  • Working closely with the technology team to ensure feasibility within a tight schedule.

Process: UI drafts, feasibility checks, supply of enhanced UI elements and UX suggestions.
Working with the lead developer to make quick ‘in-browser’ design adjustments.