Skip to content

NMI Illustration Refresh and Web Redesign

A new illustration library and web design sets up the payments solution provider with a more customizable website.

17%

increase in direct sessions

19%

increase in overall users

19%

increase in new users

Project Overview

As a payment solutions provider, NMI is the force behind billions of dollars of global transactions. NMI provides its unified payment platform to more than 1,000 technology partners and 100,000 merchants in the retail, transportation, hospitality, medical, nonprofit, parking and vending industries.

Despite a solid site foundation, NMI was looking for a more cohesive and modern web presence that spoke to its wide range of prospective customers. Enter Walker Sands.

INDUSTRY

Fintech

SERVICES

Web Design, Illustration

WEBSITE

nmi.com

Illustration

From the beginning, our team set out to create a revamped set of illustrations that could change with NMI’s needs and prioritize inclusivity.

We started the creative process by presenting two mood boards to align on creative direction with NMI. From there, we sketched layouts and created two concepts for the team. The approved concept included custom textures and bright colors that softened their approach while adding impact.

We prioritized diversity throughout our process by adding illustrations with different body types, skin tones, heights and genders — enabling NMI to apply different characteristics through their illustration library.

Illustration Library

To provide limitless flexibility and true inclusivity, we built an illustration library that enabled NMI’s team to create new layouts for different assets. After we completed concepting, we consolidated illustration elements into different layers in a single illustrator file.

The result is a completely customizable sandbox that allows the NMI team to plug and play different buildings, landscapes, skin tones, hair colors, clothing, textures and more.

NMI illustration library
NMI texture experimentation

Illustration Activation

With so much thought put into our library process, we needed to ensure each illustration was carefully applied across NMI’s new site. Our web team and illustrators worked together to recommend which pages needed illustration. After collaborating with the NMI team, we moved into sketches and the rendering process to create illustrations tailored to each page’s needs.

NMI illustration sketch
NMI mobile website mockup
NMI mobiile website mockup

Website Activation

Customization remained the core of our work for NMI — even during our activation process. Throughout site development, our content, design and illustration teams ensured that NMI’s site could grow with it by building flexible content blocks and modules that could change depending on NMI’s needs on different pages.

Additionally, to solve NMI’s past CMS challenges, we built a user-friendly backend in Craft CMS that enabled their team to easily navigate their CMS and make changes as the company grows.

NMI website mobile & desktop mockups
Flexible NMI modules
NMI module tailored to persona needs

More Case Studies