- Home
- Services: Design Systems
Design systems that enable digital products to scale
The Norm, our in-house digital experience agency, builds UX/UI design systems that keep products consistent, accessible, and easy to scale.
Design system challenges we help you solve
One design system, consistent execution
A shared UI design system keeps every screen and product visually and functionally consistent, no matter which team builds them.
Components that engineers can build fast
Our UX design systems produce documented, reusable components that engineers can implement quickly, cutting rework between design and code.
Governance keeps the system alive
Clear ownership and update processes keep your design system reliable long after the initial rollout, instead of drifting into inconsistent exceptions.
Design foundations your team can build on
A well-built component library enables new features and products to launch faster by drawing on proven patterns rather than starting from scratch.
How we approach design systems
Built to scale
We recognize that your design system needs to scale well beyond the product’s first release.
Documentation with utility
Clear guidelines and usage rules are established for every component to eliminate guesswork.
Accessible by default
Accessibility should extend a product’s reach and consider usability from every angle.
Design and code, kept in sync
Component libraries must translate to code, so what designers create matches what gets shipped with minimal translation loss.
The practices behind the outcomes
Coherent Design System
Our proprietary design system can start you off further down the path. Available worldwide. Used by over 5 thousand designers. Nominated for the UX Design Awards.
Design System Strategy
Existing patterns and inconsistencies are evaluated to define the right foundation for your unique design system.
Design System Migration
Our team transitions products from legacy or ad hoc UI patterns onto a unified system.
Component Library Development
We create reusable, tested components that cover your product's core UI patterns and interactions.
Multi-Brand Design & White-Labeling
We factor in design system support for multiple brands or themes from a single component base.
Visual Regression & QA Testing
Our team can test design system components for visual and functional consistency before every release.
Related Services
Explore these additional services from our Digital Experience capability pillar, delivered by our in-house digital agency, The Norm.
Our user research services transform assumptions into validated direction, helping you prioritize features that matter and reduce risk before development.
We design intuitive, multimodal, and high-performance interfaces that convert users into brand loyalists. Grounded in behavioral data, every screen is built to minimize friction and accelerate adoption.
We turn continuous testing into a competitive advantage by combining analytics, user feedback, and predictive modeling to identify friction points early, run rapid experiments, and iterate toward seamless experiences.
Built to pivot without losing velocity
Full product teams
Forward-deployed engineering
Co-sourced delivery
Rapid capacity deployment
Team augmentation
The Norm is the digital experience agency within Coherent Solutions, working with product leaders at clients across industries to design user experiences that are backed by unparalleled global engineering expertise.
Extraordinary is our norm.
Case Studies
Coherent Design System: Our globally recognized designer-friendly component library
Our approach
With little formal documentation to lean on, Coherent’s team relied on frequent, direct conversations with the client’s technical staff to confirm new features as they completed each step of the project:
- Codebase archaeology and consolidation: engineers worked through the four mismatched mobile repositories, cross-referenced them against the live app store build, and reconstructed the most current working codebase before making any changes.
- Environment separation: introduced dedicated development, QA, and production environments in place of the single, undifferentiated setup the client had been running.
- Cloud infrastructure cleanup: rebuilt cloud build pipelines and restructured infrastructure, improving reliability, while bringing monthly cloud costs down from roughly $8,000 to about $1,500, an 81% reduction.
- New device API: built a new backend API, on a Grails and Java/Spring stack, that takes raw measurements from the client's new refraction-testing hardware, applies the client's formula, and returns validated results ready for review by a licensed doctor.
The solution
Today, the platform supports a complete at-home vision-testing workflow. Users complete a guided assessment with the client's hardware, results are processed through Coherent-built backend logic, and outcomes are routed to a licensed eye care professional for a prescription. The underlying infrastructure now runs across separate dev, QA, and production environments at a fraction of its previous cloud cost, giving the client a stable foundation to build on as it brings new devices to market.
The impact
- 81% reduction in monthly cloud costs, from about $8,000 to about $1,500
- New device API delivered in about 9 months, supporting the client's newest hardware line
- New development, QA, and production environments to replace the client’s single setup, consolidating four mismatched mobile repositories into one working codebase
The challenge
An undocumented, fragmented codebase
Before building the API or writing new code, Coherent needed to identify the code currently driving the client’s companion app. With no product requirements documentation and four mismatched repositories to sort through, they had to cross-reference what was on old developer laptops against the live versions in the app stores.
No environment separation and rising cloud costs
The client’s systems and software were running in a single environment — without a clear separation between development, QA, and production — which increased the likelihood of issues like cascading errors. Additionally, cloud infrastructure spend was disproportionate to the size of the product, running close to $8,000 per month.
New hardware, new math
The client was bringing a new device to market that paired with the user’s smartphone and measured refractive error using patented optical technology. Coherent needed to build the backend logic that would take the client's proprietary formula, apply it to raw device measurements, and return an accurate, prescription-ready result.
, hide_section_=true, module_id=223640941568}, css={}, child_css={}, id=module_179121390029660, name=module_179121390029660, type=module, order=5, label=Case Study Content Section 1, smart_type=null, styles={}, module_id=223640941568}, module_17923271166927={body={hide_show_module_=false, module_id=224756528181}, css={}, child_css={}, id=module_17923271166927, name=module_17923271166927, type=module, order=10, label=Case Study Video Banner Block, smart_type=null, styles={}, module_id=224756528181}, module_179120410606221={body={counter=[], logo_image={src=}, module_id=223627951216}, css={}, child_css={}, id=module_179120410606221, name=module_179120410606221, type=module, order=2, label=Case Study Posts Title, smart_type=null, styles={}, module_id=223627951216}, module_179121475366271={body={discription=What's next
Through AKTIV, Coherent’s dedicated fitness and wellness practice, the company will continue to support the client’s ongoing platform enhancements across mobile, backend, DevOps, QA, and project management. Using the same consumer healthtech context that shaped the client’s rebuild, AKTIV's engineers will also ensure the client’s hardware, app, and backend continue to evolve together as the device line matures.
, hide_section_=true, module_id=223641064784}, css={}, child_css={}, id=module_179121475366271, name=module_179121475366271, type=module, order=11, label=case-study-content-section-4, smart_type=null, styles={}, module_id=223641064784}, module_179015393630755={body={heading_group=More Case Studies
, hide_author_name_=false, module_id=224238135902, select_blog=224579243279, select_tag=healthtech-life-sciences}, css={}, child_css={}, id=module_179015393630755, name=module_179015393630755, type=module, order=12, label=Related Case Study Posts, smart_type=null, styles={}, module_id=224238135902}, module_179121160763349={body={module_id=223636303144, slider_image=[]}, css={}, child_css={}, id=module_179121160763349, name=module_179121160763349, type=module, order=8, label=fullwidth-image-slider, smart_type=null, styles={}, module_id=223636303144}}Our approach
We started working on two products. The early effort went into the MVP to establish the core architecture of the customer portal, a web application for fleet managers. Our team delivered all scheduled work on time for the release, and the MVP successfully went live.
In parallel, our team carried out the analysis for the installation app, a mobile application for technicians who install batteries and related equipment on trucks and trailers. The goal of this phase was to agree on the scope for the app’s own MVP. It resulted in an approved clickable prototype of the main flow, a solution design, an approved baseline scope document, a test plan and test strategy, an estimation, and a timeline. The app’s MVP reached the App Store and Google Play.
, hide_section_=true, module_id=223641064615}, css={}, child_css={}, id=module_179121423312165, name=module_179121423312165, type=module, order=7, label=Case Study Content Section 2, smart_type=null, styles={}, module_id=223641064615}, module_179121449478468={body={discription=The solution
The customer portal grew over eleven releases, with each stage providing value to fleet managers.
MVP. A landing page with fleet-level widgets for idling hours, fuel savings and CO2 reduction, and an idling dashboard. The data comes from the manufacturer’s data platform, and sign-in is secured through single sign-on.
Fleet health. Battery status per vehicle, filtered by vehicle type and status. Detail pages cover driver response, fuel savings and CO2 reduction, and data can be exported for offline work.
Administration. Tools to manage users, clients and locations, customer configuration, a vehicle history card, and control over which data each user can see.
Alerts and reporting. Immediate actions, notifications and reporting.
The architecture was set in the MVP and will support future battery management capabilities. The same foundation will support future battery management capabilities.
The installation app gives technicians a guided workflow on a phone, and each line below shows what installers can do with it.
Guided installation.A step-by-step flow with scanning, photo confirmation and offline synchronization, available on the App Store and Google Play.
Battery tracking.Records for truck and trailer batteries and installed equipment, plus a battery swap flow that keeps the battery’s history intact.
Web version. Installation management from a browser, with region-specific battery configurations for North America and EMEA, and German localization.
The impact
Our client realized digital value across both products, with these results:
- Increased visibility into fleet battery health and faster identification of battery issues
- Enhanced fleet monitoring and reporting
- Better administrator control over portal configuration
- Improved customer self-service and reduced manual operational effort
- Eliminated manual and paper-based installation processes, improving consistency and data quality
- Increased installation accuracy through automated validation, QR and barcode scanning, and structured data capture
- Improved traceability of batteries, installed equipment, and vehicle assets throughout their lifecycle
- Expanded operational visibility through centralized reporting, installation tracking, and enterprise data management
The portal now scales to enterprise fleets. From the first release, the work carried a clear business impact, and this approach to closing the gap between technology investment and business outcomes is what we call Digital Value Creation.
, hide_section_=true, module_id=223640945533}, css={}, child_css={}, id=module_179121449478468, name=module_179121449478468, type=module, order=9, label=Case Study Content Section 3, smart_type=null, styles={}, module_id=223640945533}, module_179121507763678={body={discription=[11 production releases — since September 2025, 2 products — a customer portal and an installation app, On-time MVP delivery — all scheduled work delivered for the first release], module_id=223640945724}, css={}, child_css={}, id=module_179121507763678, name=module_179121507763678, type=module, order=6, label=case-study-three-column-card, smart_type=null, styles={}, module_id=223640945724}, module_17921485850025={body={module_id=224578905090, quotes_description=, quotes_image={alt=, src=}}, css={}, child_css={}, id=module_17921485850025, name=module_17921485850025, type=module, order=4, label=case-study-full-width-quotes-block, smart_type=null, styles={}, module_id=224578905090}, module_179121390029660={body={discription=The challenge
The manufacturer wanted to give its fleet customers direct access to the data its batteries produce. That meant a secure and scalable portal, built on a foundation that could take new features independently, so that fleet managers could see insights about their own fleets.
The second problem was in the field. Technicians installed batteries and related equipment on trucks and trailers by hand, using paper forms, so installation records were inconsistent and hard to trace.
, hide_section_=true, module_id=223640941568}, css={}, child_css={}, id=module_179121390029660, name=module_179121390029660, type=module, order=5, label=Case Study Content Section 1, smart_type=null, styles={}, module_id=223640941568}, module_17923271166927={body={hide_show_module_=false, module_id=224756528181}, css={}, child_css={}, id=module_17923271166927, name=module_17923271166927, type=module, order=10, label=Case Study Video Banner Block, smart_type=null, styles={}, module_id=224756528181}, module_179120410606221={body={counter=[], logo_image={src=}, module_id=223627951216}, css={}, child_css={}, id=module_179120410606221, name=module_179120410606221, type=module, order=2, label=Case Study Posts Title, smart_type=null, styles={}, module_id=223627951216}, module_179121475366271={body={discription=What’s next
Both products continue to evolve. The customer portal roadmap includes additional analytics, parasitic draw, jumpstart tracking, and custom export. Its architecture is ready for future battery management capabilities.
The current priorities for the installation app include improving data quality through additional information about assets, tighter integration with the manufacturer’s backend systems, and new workflows for flexible battery configurations and equipment swaps. These workflows will support field services and supply chain capabilities.
, hide_section_=true, module_id=223641064784}, css={}, child_css={}, id=module_179121475366271, name=module_179121475366271, type=module, order=11, label=case-study-content-section-4, smart_type=null, styles={}, module_id=223641064784}, module_179015393630755={body={heading_group=More Case Studies
, hide_author_name_=false, module_id=224238135902, select_blog=224579243279, select_tag=manufacturing-industrial-services}, css={}, child_css={}, id=module_179015393630755, name=module_179015393630755, type=module, order=12, label=Related Case Study Posts, smart_type=null, styles={}, module_id=224238135902}, module_179121160763349={body={module_id=223636303144, slider_image=[]}, css={}, child_css={}, id=module_179121160763349, name=module_179121160763349, type=module, order=8, label=fullwidth-image-slider, smart_type=null, styles={}, module_id=223636303144}}Our approach
Coherent’s UX specialists began with data gathering, a UX audit, and design analysis to identify usability issues and modernization priorities before redesign work started. That analysis fed updated layouts and UX prototypes, and from there into the two surfaces airport staff used most heavily: the main system administration panel and the search experience.
Beyond those surfaces, Coherent’s designers and front-end developers contributed to the interfaces around asset tracking and maintenance workflows, to geolocation-enabled visibility of assets and activity across the airfield, and to internal communication features between airport departments. Reporting was rebuilt to be more flexible, with support for predefined reports and custom checklists, and a training management system was added to help new users ramp faster.
A front-end developer joined in late 2021, and a QA automation specialist joined in mid-2022 to support validation as new features shipped and as the client migrated from its legacy platform to the modernized one. Coherent’s people worked as part of a larger client-led team, contributing UX analysis, design modernization, front-end implementation, and QA automation, while the client’s own engineers owned the platform’s architecture and domain logic.
, hide_section_=true, module_id=223641064615}, css={}, child_css={}, id=module_179121423312165, name=module_179121423312165, type=module, order=7, label=Case Study Content Section 2, smart_type=null, styles={}, module_id=223641064615}, module_179121449478468={body={discription=The solution
The modernization landed in stages, surface by surface. The redesigned administration panel and search experience went into daily use as the platform’s most-used entry points. Geolocation-enabled asset visibility and the rebuilt reporting system followed, giving airport staff a view of assets across the airfield and report generation they could shape to the question at hand. The training management system shortened the ramp for new users. Across the flagship platform, 80% of features were modernized and improved, with Coherent supporting the client’s migration from the legacy system to the updated one.
The impact
- 25% increase in system administration efficiency
- 50% reduction in onboarding time for new users
- 80% of system features modernized and improved
- More efficient data management and simplified report generation
- Improved internal communication between airport departments
- Enhanced collaboration through geolocation-enabled asset visibility
- Better support for decision-making through improved data access and reporting
- Supported migration from the legacy platform to the modernized system
The challenge
The client’s flagship platform had grown complex over years of upgrades layered on legacy architecture. Airports using it had to coordinate multiple departments, assets, transportation providers, compliance workflows, inspections, and reporting obligations, and the platform’s non-intuitive design was slowing all of it down. New users faced a steep onboarding curve, data management was inefficient, report generation was complicated, and decision-making lagged as a result.
The client needed to modernize usability and functionality without disrupting the specialized, compliance-sensitive workflows airports depended on daily.
, hide_section_=true, module_id=223640941568}, css={}, child_css={}, id=module_179121390029660, name=module_179121390029660, type=module, order=5, label=Case Study Content Section 1, smart_type=null, styles={}, module_id=223640941568}, module_17923271166927={body={hide_show_module_=false, module_id=224756528181}, css={}, child_css={}, id=module_17923271166927, name=module_17923271166927, type=module, order=10, label=Case Study Video Banner Block, smart_type=null, styles={}, module_id=224756528181}, module_179120410606221={body={counter=[], logo_image={src=}, module_id=223627951216}, css={}, child_css={}, id=module_179120410606221, name=module_179120410606221, type=module, order=2, label=Case Study Posts Title, smart_type=null, styles={}, module_id=223627951216}, module_179121475366271={body={discription=What’s next
This engagement shows what legacy modernization looks like for operationally complex, compliance-sensitive software. The pattern is to modernize the highest-friction surfaces first, administration and search, then layer in automation and reporting improvements as the platform stabilizes. For organizations running specialized operational software that can’t afford downtime or disrupted workflows, it’s a model for modernizing in place, then stepping back as the client takes development in-house.
, hide_section_=true, module_id=223641064784}, css={}, child_css={}, id=module_179121475366271, name=module_179121475366271, type=module, order=11, label=case-study-content-section-4, smart_type=null, styles={}, module_id=223641064784}, module_179015393630755={body={heading_group=More Case Studies
, hide_author_name_=false, module_id=224238135902, select_blog=224579243279, select_tag=technology-saas}, css={}, child_css={}, id=module_179015393630755, name=module_179015393630755, type=module, order=12, label=Related Case Study Posts, smart_type=null, styles={}, module_id=224238135902}, module_179121160763349={body={module_id=223636303144, slider_image=[]}, css={}, child_css={}, id=module_179121160763349, name=module_179121160763349, type=module, order=8, label=fullwidth-image-slider, smart_type=null, styles={}, module_id=223636303144}}Drop us a line to meet our design team
Relevant
Questions
Even small teams benefit from a lightweight design system, since it prevents UX/UI inconsistency from creeping in early and becoming expensive to unwind later. The scope can start minimal, covering just core design components, and expand as the product grows.
A component library is a collection of reusable UI elements, like buttons or form fields. A design system goes further, pairing those components with documented rules, accessibility standards, and governance for how and when to use them.
Design components that repeat across multiple products or screens, like buttons, inputs, and UI navigation patterns, belong in the design system. One-off layouts or highly specific content sections are usually better left custom, since forcing them into the system can add unnecessary complexity.
Design system adoption often fails when teams aren't trained on how to use the system, or when using it takes more effort than working around it. Successful adoption usually requires clear documentation, accessible tooling, and a rollout plan, not just a component library sitting unused.
Design tokens and shared visual language remain consistent across platforms, while individual components are implemented natively to meet each platform's technical requirements. This approach keeps the experience unified without forcing an identical technical implementation everywhere.
The initial build establishes the foundational components, tokens, and documentation. Ongoing maintenance involves updating components as needs evolve, fixing inconsistencies, and managing versioning, which is often a larger and more continuous investment than the original build.