Nimbus Roll-Out

Update Capterra.com with new colors, buttons, and
Role: UI Designer/Developer | Duration: 1 Month

 

Problem

Through user interviews and panda surveys, we’ve heard from our users that Capterra.com looked outdated, untrustworthy, and too white.

Obstacles

  • Only two of the colors provided by the brand team were contrast compliant

  • Had limited tech resources

  • Needed buy-in from several different teams because it also affected brand

  • Needed careful coordination with multiple scrum teams because we were Between two tech stacks (rails and react)

Solution

  • Expanded our color palette to have UI-friendly, contrast compliant colors

  • I, as well as other designer with coding background, implemented all the changes on the Rails side, while a developer made changes to the React pages

01 | create ui color palette

Here is a description - make sure it doesn’t hurt conversations and revenue.

02 | UX Test

Research methods used: a/b tests

Here is a description - make sure it doesn’t hurt conversations and revenue.

03 | Mockup and plan

With all the research and discussions in mind, we created the user flow and wireframes. In order to make sure the flows and screens were easy to understand, we used the usertesting.com platform to run unmoderated usability tests on the prototype of the wireframes.

04 | coordinate and roll out

Research methods used: unmoderated usability tests

Once the wireframes were translated into high fidelity mockups, we realized there were a few areas of improvement, especially in the area of mobile. Accessibility, Apply the color, typography, animations, interactions

04 | development

Went into development. Always made iterative changes based on code constraints and time limitations. scrum/agile. base don key initiatives and stakeholder meetings. kept note of all the design and tech debt. kept incorporating them each scrum to get mvp out the door.

 

Before & After

“When I saw it (Capterra.com) for the first time, I thought “Is this a scam or something?” So I didn’t stay on the site for a while… But when I came back to find data analytics software, I saw the new design… With the new design, I thought “ok so these guys are no so bad after all!” - a user from UserTesting.com