This is where
First, we created a digital style guide and UI design system to streamline the design and development process of the Gap Draught application.
Using the existing GapDraught brand as the cornerstone of the deliverable, we crafted an interactive digital style-guide to guide the interface design. With the inclusion of everything from button styles to select controls, this deliverable serves as a single source of truth for the visual style of all GapDraught's digital assets.
1 - 2 weeks
With the groundwork laid, our team was able to move into the design of the core GapDraught value proposition: their draught monitoring technology.
First, we created a comprehensive blueprint for the GapDraught product, detailing its full UX system. We outlined each end user’s experience and interactions with GapDraught, allowing Mark to visualise their digital product. Once the system was perfected, we added the visual and interactive aspects through an iterative process of UI design.
UI / UX DESIGN
4 - 6 weeks