Qumulo Content Management and Design Language System

How atomic design and an adaptable and flexible content management system created the foundation for a more advanced, demand-generation platform

Client: Qumulo, the leader in universal-scale file storage

Industry: High Tech

Project Type: End-to-end CMS website solution strategy and design

Explore

Overview

1

Challenge:

Qumulo, the leader in universal-scale file storage, was advancing their positioning from one that was associated with an appliance-based offering to a brand centered on a software fabric that spanned the on-premises data center and the public cloud. With that, they needed a website that was robust enough to support the complexity of guiding users through a friction-free learn-and-try buying journey of a software-centric offering. What they needed was a custom content management system (CMS) that fit their specific needs.

2

Approach:

As speed-to-market was key, Smashing Ideas, the design and innovation arm of Luxoft, took an atomic design approach to CMS implementation planning and development. This methodology uses abstract representations of atoms, molecules and organisms to craft design systems. Using atomic design provided the appropriate level of abstraction needed to discuss design intent, without the need to make immediate decisions about design or development implementation. The team designed a system made up of components, which could be arranged in any number of ways with very different outcomes.

3

Solution:

Smashing established a rules-based design language system that became the building blocks for developers to build the custom content management system. This CMS website solution culminated in a design system and accompanying pattern library, which not only included the rules and examples stated above, but was the main repository of the component code. This led to the ability to have a change in the design system be immediately reflected on the website, as the comprehensive CMS solution pulls directly from the style guide.

4

Result:

The CMS asset solution helps with the following:

  • The CMS platform empowers anyone at Qumulo to create, adapt, and distribute content
  • Allows Qumulo to create well-designed pages without a design team
  • Increases lead generation
  • The CMS solution automates scaling, with assets served via a content delivery network to minimize hosting costs without reducing performance
  • Differentiates their brand

Solution Dashboard

Challenge

In need of a frictionless learn-and-try buying journey

Qumulo, the leader in universal-scale file storage, was advancing their positioning from one that was associated with an appliance-based offering to a brand centered on a software fabric that spanned across the on-premises data center and the public cloud. Thus, they needed a site that was robust enough to support the complexity of guiding users through a friction-free, learn-and-try buying journey of a software-centric offering. What they needed was a custom content management system (CMS) that fit their specific needs.

 

It was important to have a website that showcased their market differentiation and increased lead generation for their sales team. Additionally, Qumulo also needed a web platform that was extensible enough to evolve with their business growth and was accessible enough for their broader team to easily design and deploy content on an ongoing basis.

Approach

Using atomic design to enhance a website

As speed-to-market was key, Smashing took an atomic design approach to CMS implementation planning and development. This methodology uses abstract representations of atoms, molecules and organisms to craft design systems. Using atomic design provided the appropriate level of abstraction needed to enable conversations about design intent, without the need to make immediate decisions about design or development implementation. Rather than creating a collection of web pages, the team designed a system composed of components. Once the components were created, they could be arranged in any number of ways with drastically different outcomes. This began with the creation of atoms, the smallest elements, i.e. a button. From there, Smashing assembled the atoms into molecules, such as a search field or search button. Then, the molecules are combined together to form large organisms, such as a navigation bar. This was the basis of the CMS development.

Solution

Building a custom content management system

Smashing established a rules-based design language system that became the building blocks for the developers to build the custom content management system. The rules and design guidelines included: colors, typography, spacing, image treatments, illustration styles, icon styles, buttons, page components, page controls, page layouts, etc. This CMS website solution culminated in a design system and accompanying pattern library, which not only included the rules and examples stated above, but was the main repository of the component code. This led to the ability to have a change in the design system be immediately reflected on the website, as the comprehensive CMS solution pulls directly from the style guide.

“Scaling is automated and assets are served via a content delivery network to minimize hosting costs, without reducing performance. The workflow allows for continuous integration of new code and transparent replication across environments.”

Result

Empowering members to create, seamlessly

The CMS solution helps with the following:

 

  • The established infrastructure, design language system, and adaptable and modular CMS asset solution empowers any member of the Qumulo team to create, adapt, and distribute content on demand, retiring an outdated, gated system that did not allow for collaborative and efficient workflows.
  • The CMS platform allows for Qumulo’s team to create pages that are well-designed without the need of a design team having to design any pages, as employees are able to take any component and create any type of page imaginable within the design language.
  • The ease of content deployment, coupled with Qumulo’s ability to create various forms of sales communications at a moment’s notice, has resulted in an increase of lead generation, bolstering the company’s ability to provide their customers with a modern storage solution.
  • For the CMS solution, scaling is automated and assets are served via a content delivery network to minimize hosting costs, without reducing performance. The workflow allows for continuous integration of new code and transparent replication across environments.
  • The CMS website solution has become an effective platform for Qumulo to delineate how they are distinctive in the crowded cloud marketplace, helping differentiate their brand.

Ready to reconfigure your approach?