R&R WFM

From software-driven to design thinking

Personeel aan het werk in een supermarkt

R&R WFM knows that a good UX leads to a better use of their workforce management software. Apart from setting up its own UX design organization, it wants to take the next step in producing interfaces efficiently and consistently. We've built a tailor-made design system and coached the developers and designers working with the system.

Workforce management

R&R WFM produces software that allows organizations to make a smart employee planning schedule. This Retail Workforce Management Tool is being jused by some of the leading supermarket brands of The Netherlands. The software was based on Microsoft Silverlight; R&R WFM is now rebuilding the tool according to web standards as HTML and JavaScript. Such a redevelopment is a nice cause for enhancing the tool's ease of use. As partner we have already helped R&R WFM before, redesigning, developing a UX-vision and roadmap, and setting up a UX department.

Use of design system

Partly because of the redevelopment, R&R WFM wanted to know the advantages of separating back-end en front-end code and using a design system to do so. It asked us to provide a team of front-end specialists to:

  • Investigate the perks of recognizing front-end development as a separate disciplin;
  • Substantiate the added value of a design system;
  • Make an inventory of reusable components;
  • Implement a first draft design system;
  • Provide coaching when using the system.
The colour palette in the design system

Deliver, co-create and support

A typical assignment to let the Informaat slogan 'Deliver, co-create and support' come into its own. Our front-end lead made an assessment and delivered a component inventory. Our front-end team designed and produced the first version of a design system, including the documentation for developers and designers. Parallel to that we coached four scrum teams working with the design system at R&R WFM, and helped extending the system.

Component visualizer

The application has been built in Aurelia, a lesser known variant of frameworks like Vue and Angular. Because of this, using an ‘out-of-the-box’ component explorer (like Storybook) was off the board. So we produced and delivered a matching component visualizer. The design system and the visualizer allows R&R WFM to get much quicker from design to implementation, using standardized and consistent components.

Thanks to Informaat, we have been able to take the first steps towards a professional design system, so that we can now further expand this in-house.

Evert Hazenoot

Convinced

By now the company is so much convinced of the advantages that front-end development offers, that it has taken steps to build its own front-end capacity, that can build on the existing improvements. As part of our partnership we've helped with the assessment of candidates in the job application procedure.

Partner

As part of our partnership with R&R WFM we've performed assessments of job candidates during the application procedure. As partner we have already helped the company develop a vision on UX (including roadmap), set up a UX department -and we made redesigns.

Considering more design thinking?