Amid a strategic overhaul, WVC recognised the need for a refreshed and newly documented design system to help streamline their digital products.

Over time WVC found their design properties were lacking consistency and the process of onboarding new designers and partners was hard to follow and govern. As a longstanding design partner, Ostmodern was uniquely positioned to deliver a documented design system that would provide much needed cohesion and push WVC’s design language in a more progressive, user centric direction. It was essential that any solution was documented in a way that helped facilitate delivery for product owners, designers, developers (both internal and external).

Lumen was organised into the following key sections:

• Getting Started: Onboarding for new team members
• Foundations: Core pillars  of WVC's digital services
• Components, Patterns and Templates:  A comprehensive, atomic UI library spanning the smallest building blocks through to real world template examples.
• Resources: Governance, assets and support materials

To accurately represent WVC's design system in documented form, Lumen’s Figma design  system file is always in-sync  with Zero Height's documentation. This guarantees that all components and styles remain perfectly aligned at all times.

The Foundations section of Lumen offers principles and guidelines to support strategic decision-making, while  Components and Patterns serve as either a strong framework for quickly implementing features with shared objectives or as building blocks for developing new solutions that maintain the same level of consistency and quality.

Zero Height's restyling flexibility allowed us to closely match the look and feel of Lumen's documentation with the design system. When suitable, a diagrammatic approach was employed to illustrate how components, patterns, and templates function for creation, adoption, and implementation.

A dynamic living system

Lumen was built to be a living system, capable of evolving as WVC's digital products grow. We provided guidelines for the creation and governance of new assets, ensuring future additions would align with the existing system.

Lumen offers World Vision Canada a robust framework that ensures consistent digital product design and developmen. It’s a visual, user-friendly tool that supports seamless collaboration across teams and external partners. With full ownership of Lumen, WVC is equipped to navigate cultural and strategic changes, scaling its digital products efficiently. The system’s centralised, comprehensive nature helps reduce costs, boosts operational efficiency, and guarantees consistency across all their digital ecosystem.