Design Systems

Creating design systems that align with UX and accessibility best practices. Design systems provide brand consistency and accelerate growth.

What is a design system?

Design systems can help your team connect every part of your product or service. It is a living library of reusable visual styles, principles, rules, constraints and components that are documented and released as code and design tools. These systems encapsulate business and legal requirements, as well as accessibility and UX best practices. They help bridge the gap between design and development allowing for faster releases, A/B testing and more.

What are the benefits of a design system?

Design systems allow you to grow and maintain a global ecosystem of digital products with brand consistency and provide a shared design and experience language that can be reused over time. The benefits of using a design system include:

  • Better user experiences - a consistent design and identity across all platforms, which helps to reduce friction and provides intuitive interaction.
  • Alignment - ensuring that different departments and countries are aligned.
  • Speed & productivity - a design system approach creates efficiency and saves time and effort across the business. Design systems accelerate speed to market, and highly structured pattern libraries reduce the production time spent on tasks.
  • Performance & Collaboration - helps you achieve product goals and communicate cohesively across teams. Different teams can work together efficiently to deliver the experiences your customers want. 
  • Scale - Teams can reuse styles, components and patterns and will have access to clean code and assets that have already been approved by regulatory and compliance. It’s easier to scale designs across different products and territories.

Active design system mobile mock up

Graphite Digital Design System

If your organisation is looking to deliver better digital customer experiences, a design system can be a crucial step in achieving this at scale, quickly. Graphite works together with clients to create design systems that can accelerate speed to market while meeting regulatory and compliance needs. 

The Graphite Design System Process:

  • Onboarding & alignment 
  • Business objectives & KPI’s - we work together to understand and align business goals and priorities.
  • Review existing content - we take an inventory of existing content.
  • Insight, Research & Analytics - we build insights using analytics and align with all stakeholders. We often conduct user research at this early stage.
  • Guiding principles and visual exploration - together we create a first set of guiding principles and the first visual representation of the design system that represents your brand.  
  • Design System rules and pattern library - we create a baseline pattern library. The project is managed as an iterative process where basic components are tested using real content. This process transforms designs into a working design system with rules, constraints and documentation that reflects guiding principles.
  • Testing & pilot website implementation - we pilot the design system with a website and benchmark the systems’ capabilities to perform against KPIs. Quantitative data and qualitative data will also be collected to highlight opportunities for optimisation in future iterations.
  • Online documentation -we create documentation that helps to accelerate the adoption of your design system.
  • Compliance baked in - Compliance can often block product going to launch quickly, designs systems can be built with compliance in mind, meaning that approval times can be speeded up.

Graphite has taken the role of global design lead for large enterprise-level pharmaceutical and healthcare clients to create new design systems for multiple global products that need to be launched across multiple brands, platforms, territories and channels. Graphite help to transform digital customer experiences by creating user-centred products and experiences that help people achieve their aims with minimal effort. We focus on creating mobile-first design systems. We work closely with all stakeholders, including internal teams, other creative agencies and developers.

Image
Artboard HTML

Service details

  • Duration

    Timing is bespoke based on client requirements.

  • Deliverables

    A full Design System with; guiding principles and best practices, online documentation, pattern library with reusable components and pilot website testing.

design system components

Let's make something great together

Contact Us

You might also be interested in...