Randstad

Randstad Sticker Sheets design systems

Building a sticker Sheet Design structure for Scaling Design Systems

tools

Figma

Platforms

Web

Deliverables

Comprehensive sticker sheet

duration

2 months

The Challenge

Visual Cohesion: Designing a sticker sheet that encompasses diverse elements while maintaining visual coherence can be complex.

The problem

The main problem associated with building sticker sheets to scale design systems is the lack of design consistency across various design elements, icons, and components.

my role

UX & Visual Designer

Project overview

The purpose of this project is to create a comprehensive sticker sheet that can be used to scale design systems within an organization. The sticker sheet will serve as a library of reusable design elements, icons, and components that can be easily accessed and utilized by designers and developers to maintain consistency and efficiency across various digital products and platforms.

Execution

Atomic design

With the help of the atomic design process, you can build and maintain strong design systems and provide higher-quality, more reliable user interfaces more quickly than before.

Reusability: By breaking down the UI into smaller components, the Atomic Design process enables the reusability of atoms, molecules, and organisms across different the platform.
Scalability: As more components are created, they can be combined and reused to create new, more complex components. This scalability ensures efficiency and consistency as the design system evolves.
Consistency: This results in a consistent visual language and user experience across different interfaces and platforms. It helps maintain brand identity and improves the overall usability of the system.
Design System Documentation: Each component can be cataloged, described, and showcased with examples and usage guidelines. This documentation helps in maintaining the consistency and integrity of the design system over time.

Visual design

By applying this methodology, we created a design system that includes a robust library of UI components, enabling Brenger to have a consistent user interface throughout its online presence. In addition to this, they can create faster & higher quality content. We will have a shared vocabulary between disciplines. products will be more accessible to test. And lastly, the system will also provide a future-friendly foundation for evolving and growing their digital brand over time.

‍

To maintain the web materials' elements, such as buttons, colour schemes, typography, spacing, and components, consistent, organised, and always accessible to anybody, every element and component is documented in a library.

‍

illustrations

Illustrations have the ability to tell stories and convey complex ideas in a simplified and visually appealing manner. They can be used to guide users through a sequence of steps or to demonstrate a product's features and benefits. By using illustrations from the design system, we we're able to create a narrative that connects with users on an emotional level and helps them better understand the product & service.

what i learned

takeaway

Creating a sticker sheets design system taught me the importance of consistency, organization, and scalability in design. By establishing standardized elements and guidelines, I streamlined the creation process, maintained brand identity, and enhanced collaboration. This experience will influence my future design work and contribute to project success.

‍