How we design and develop with accessibility in mind

Shaun Stone


2 min read

As an engineering team, we have a vision to make Nutmeg the best investment service in the world. Working closely with the user experience and design team, we are always striving for new ways to improve the experience for our customers by any means possible.  

Accessibility at Nutmeg

Nutmeg’s technical performance is an obvious focus for us, but we’re also passionate about accessibility. We want to make it so that everyone can get the most out of Nutmeg. Having a disability shouldn’t be a barrier to becoming an investor or checking your investment performance. 

This year, we embarked on a challenge to build a new design language and system for Nutmeg, with accessibility at its core. You may have already noticed this new look and feel when viewing your email preferences or making a withdrawal. But it goes deeper than what you see on the surface.  

Here’s an example. When making a withdrawal, customers can use the tab button and the arrow keys on their keyboard to choose a reason for their withdrawal. This is crucial for people who are unable to use a traditional mouse or trackpad. 

 

 

We want to present complex information to customers as simply as possible so that it’s intuitive. When you want to do something, you should be able to do it with ease. We don’t want anyone to have to think twice. To achieve this, our designs go through lots of planning sessions and rigorous user testing to ensure that we’re building with customers in mind.  

The importance of a great design system 

In the image below, you can see how we clearly present the impact of making a withdrawal by showing a left-right comparison of your projected pot value. In addition to the visual update, we’ve also made it quicker to load the page, and designed the flow to give customers good feedback on the progress they’re making. The bar at the top shows how far customers have made it through the withdrawal process, helping to set expectations upfront. 

impact-image

These buttons, the header, the typography, the radio buttons, and all of their attendant accessibility features, are all part of our new in-house design system.

Design systems are used by many of the top tech companies, such as AirBnb, Google, Salesforce, and Twitter, and are used to enforce consistency and reusability of visual elements so that applications can be built faster and more effectively. It allows design and development to agree on the foundations and share a common language.  

Keep an eye out as we progress many more of our pages to this new design system, including your dashboard and the details around your pot. It’s an exciting time to be part of the Nutmeg team. 

Find out more about design systems 

 

Risk warning 

As with all investing, your capital is at risk. The value of your portfolio with Nutmeg can go down as well as up and you may get back less than you invest. 

 

Shaun Stone

Shaun Stone

Shaun is a senior frontend engineer at Nutmeg. He works on the technical side of things for our portfolios and drives the development of our user interfaces.


Other posts by