Home

Welcome to the Puzzel Design system which all of our digital products are built upon.

This is a collection of guidelines, components and tools that enable us to produce cohesive and streamlined designs across all our products and platforms. By adopting this system, we ensure that our products possess a consistent and unified look and feel. Whether you’re a product manager, developer, or designer, the Puzzel Design system is designed to empower you to create exceptional user experiences.

Foundation

Colours

Color sets our brand apart and enables us to maintain uniform experiences across our products.

Typography

Typography is our font system, with each font expressing the right sentiment to guide users at every stage of their journey.

Visualisation

Data Visualisation facilitate understanding, analysis, and communication of complex data sets.

Accessibility

Web accessibility ensures inclusive design for users of all abilities that enable a seamless experience for everyone.

Iconography

Icons serve as visual representations of commands, devices, directories, or common actions.

Link to design documents

Puzzel
Ongoing Projects - Hi-Fi Design Mockups

In this area you find up to date Hi-Fidelity Mockups of the currently ongoing work within the UX department. Click here

Puzzel
UX Decision Records

These are concise and structured documents that record the design decisions made during the user experience (UX) design process. Click here

Puzzel
Puzzel UX Research Framework

You will find detail on a range of research techniques available to the Puzzel UX department as well as information on UX Plans. Click here

Puzzel
UX Projects and Checkpoints

These are the list of the current project and deliverables of the UX Department.
Click here

Puzzel
Finalised Hi-Fi & Lo-Fi Mockups

In this area you find Finalised Hi-Fidelity Mockups of UX department.Click here

Puzzel
Puzzel Agent - WCAG AA 2.1 Compliance

Provides overview of how the Puzzel Agent application has achieved compliance with the Web Content Accessibility Guidelines (WCAG) 2.1 AA standard. Click here