top of page
gigfinance-retirement-options-cover.png

GIG FINANCE

Research, Responsive Redesign & Usability Testing to Increase Digital Creatives’ Ability to Find & Open a Retirement Account

PROJECT SUMMARY

Gig Finance is focused on helping full-time freelancers/independent contractors build financial security.

 

Currently, the focus is to pair visitors to a retirement account that is best for their business and financial situation and minimizes their taxes. 

I needed to improve the click through rate on the retirement account options page through a responsive redesign.  

I redesigned the retirement account options page by completing competitive analysis and developing wireframes, mockups and interactions to help digital creatives find and open a retirement account. 

MY RESPONSIBILITIES

  • Competitive Analysis

  • Experience Design

  • Prototyping & Usability Testing

TIMELINE

Initially a Two-week Sprint that expanded to 4 weeks

TEAM

A remote collaboration with the Founder & Head of Design 

RESEARCH & COMPETITIVE ANALYSIS
 

From the redesign of the landing page, my evaluation of a focus group interview of a prior iteration and competitors and comparators brought out opportunities to improve the design in terms of inspiring safety, trust and understanding.

 

I determined to increase conversions by establishing trust through consistency, following best practices and creating clear messaging.  

“Inconsistency doesn’t make me feel safe, comfortable.”

 

- Focus Group Participant

“I want a money advisor who is going to have proper gravitas.”

 

- Focus Group Participant

Competitve Analysis GF Options

Competitive Analysis 

PRE REDESIGN

The Founder prioritized what he wanted to keep from the original design based on prior testing and interactions with potential users.

Original Content to Keep.png

Request: keep majority of the content from the current design.

CHOOSING A DIRECTION

I initially decided to explore how account comparison could be best presented by using elements from the landing page redesign I did prior to this project with the hope of maintaining consistency. 

Iteration 1 with Landing Page Elements.png

Working with elements from the redesigned landing page.

ITERATIVE DESIGN

I decided to keep the traditional table format and work through a number of changes to the hierarchy of information and visual design to give users additional support in understanding the best retirement account for them to open. 

3 - Iteration 2.1 .png

Spotlighting the recommended account. 

4 - Iteration 2.2 .png

Third Iteration Design

After thinking through a few hierarchy and visual changes, we decided to add additional information to provide users more support in making the decision about what account is right for them.

5 - Iteration 3.png

SCOPE CHANGE & USABILITY TEST

The Founder decided he wanted to surface the banking/financial institution options with affiliate links from the company's blog posts. Additionally, he conducted a quick usability test with a target user who mentioned it was difficult to quickly compare accounts.

With this scope change and test result, I had to determine how to make the accounts easier to compare and how to surface bank options. 

6 - scope change.png

Scope Change

New function of the page added: incorporate affiliate links to bank options.

7 - questions on showing bank options.png

Considerations

As I explored options to surface the affiliate links, I would keep these questions in mind.

EXPLORING SOLUTIONS FOR SURFACING BANK OPTIONS

I explored surfacing the bank options through six iterations. 

Using accordions to surface the banking options.

8 - Bank Options 1.png

Using accordions to surface the banking options and tabs for the account types to shorten the page.

9 - Bank Options 2.png
10 - Bank Options 3.png

Using tabs to surface banking options by various account types.

11 - Bank Options 4.png

I ultimately ended up surfacing banks through a modal.

FURTHER ITERATION THROUGH USABILITY TESTING

After choosing a modal to surface banking options and updating a few visual elements, we conducted remote, unmoderated usability testing through Maze to determine if users could find the banking options.

12 - Usability Test 1.png
13 - Usability Test 1 Results.png

Usability test results.

15 - Final Desktop.png

Final Suggestions

After analyzing the data from the remote, unmoderated usability tests, I made final suggests to improve the desktop design. 

14 - Usability Test 2 Results.png

Results of the second usability test with suggested improvements implemented. Task completion increased.

MOBILE DESIGN DEVELOPMENT

With our desktop design in place, I moved into translating our desktop choices to mobile-friendly choices. 

16 - Final Mobile.png

TITLE OF THE CALLOUT BLOCK

LESSONS LEARNED

This project was an excellent exercise in being flexible for the needs of the business. Design was used to support efforts to educate users and monetize the work the company was doing to support that education.

Like what you see?

Let's chat.

  • White LinkedIn Icon

© 2023 by Kristen Williams. 

bottom of page