Fortuna

A website for women and money.

The Design Process

Context:

As marketing manager of a financial company 2014-2018, I often noticed how complicated it was for women to make a positive emotional connection to money. I learned that talking about money with a few, key women often determined the moves my friends, our women clients, and I would make.

The Challenge:

If there was the right social algorithm in a banking and financial education site, would it invite enthusiastic user participation for women and their money in a way that caused them to become more engaged and gain more wealth?

View Full Case Study Here:

Resulting Discovery:

Women ages 25-55 make financial moves based on what they learn socially from other women.


 

The Design Thinking Process Involved:

  • Research Problem & Problem Statement: Preliminary user research for Discovery. Problem statement and hypothesis developed.

  • Value Proposition: Key business objectives & UX attributes that influence success

  • Product Strategy: Target product and consumer attributes aligning business goals, user needs, and brand communication

  • Competitive Audit: User interface evaluation, SWOT analysis done in Ellevest, Mint, Public

  • Heuristic Evaluation for Complimentary Functionality

  • Key Performance Indicators

  • User Research & User Roles: User research interviews to determine most desired asset in a banking website

  • Personas & Journey Mapping: Three personas based on roles. Journey map for 1 persona.

  • User Flow & Site Map: User flow in Lucidchart to determine how user will navigate their journey. Site map in Miro.

  • A/B Testing: Based on user testing findings tested three components of website. Reiterated based on results.


Additional Features:


Figma Design Style Guide:

Fortuna Style Guide

Fortuna Style Guide


Screenshots of Figma prototype:

Screen Shot 2021-01-05 at 4.41.33 PM.png
Screen Shot 2021-01-05 at 4.32.31 PM.png

Showing a previous color palette and interaction details:

Prototyping in Figma

Designing the Fortuna website in Figma

Designing the Fortuna website in Figma

Website pages for Fortuna in Figma

 

Previous
Previous

Defining Style and Easing Cognitive Load