Aviera

2026

Making financial data easier to understand

I redesigned key parts of a financial dashboard to improve transaction visibility, simplify navigation, and help users understand their finances faster during everyday workflows.

Role

Product Designer

Timeline

July 2025

Team

3 Designers

Platform

Web application

Role

Product Designer

Timeline

July 2025

Team

3 Designers

Platform

Web application

Overview

Making financial data easier to understand

Aviera is a financial dashboard concept focused on helping small business teams better understand spending activity and everyday financial workflows. The redesign explored how clearer hierarchy, improved transaction visibility, and more structured layouts could reduce friction across the platform.

The Impact

The redesign focused on improving clarity across the dashboard through better hierarchy, cleaner spacing, and more visible transaction details. The updated experience made everyday financial workflows easier to scan and navigate while introducing lightweight interactions that surfaced more context when needed.

+32%

Balance check speed

2.5 min → 1.7 min

+32%

Balance check speed

2.5 min → 1.7 min

+41%

Transaction clarity

34% → 48% confidence

+41%

Transaction clarity

34% → 48% confidence

−25%

Navigation steps

4 steps → 3 steps

−25%

Navigation steps

4 steps → 3 steps

Problem

Understanding financial activity felt unnecessarily difficult

The existing dashboard contained large amounts of financial data, but weak hierarchy and dense layouts made balances, transactions, and actions harder to interpret during everyday use. Users frequently paused to compare balances, reopen transaction details, and rescan sections before feeling confident enough to take action.

01

Weak hierarchy

Balances and supporting details competed for attention throughout the interface and reduced clarity.

02

Inconsistent spacing

Grouping and inconsistent spacing slowed down dashboard scanning across everyday workflows.

03

Workflow friction

Important actions required extra steps to access transaction details and payment context.

Research

Looking beyond the numbers

To better understand where friction appeared across the dashboard, I reviewed financial workflows and conducted user interviews with people regularly managing transactions, balances, and payment activity. The research focused on how users scanned information, interpreted financial context, and navigated everyday tasks across the interface.

5 users

Small business owners and finance professionals.

45 minutes

Moderated sessions focused on dashboard workflows.

3 tasks

Reviewing balances, transactions, and payments.

What we learned

Through interviews and workflow analysis, I identified recurring patterns in how users reviewed balances, tracked transactions, and navigated everyday financial tasks. The biggest issue wasn’t financial complexity itself — it was uncertainty. Users often stopped to compare balances, reopen transaction details, or rescan multiple sections before taking action. Similar visual weight across the interface made it difficult to quickly identify what mattered most.

“Most of the time, I understood the numbers — I just didn’t understand what needed my attention first. I kept jumping between balances, transactions, and reports to make sure I wasn’t missing something important before taking action.”

Interview participant

E-commerce founder

Organizing recurring patterns and behaviors

I used Claude AI to help cluster interview notes, recurring frustrations, and behavioral patterns into broader themes. This made it easier to identify where users experienced the most friction across the dashboard experience.

Key insights

Users struggled to quickly identify the most relevant financial information.

Payments and recent activity lacked enough context before taking action.

Important actions became harder to find within visually dense layouts.

Similar visual weight reduced clarity across key dashboard workflows.

Understanding the user journey

I mapped the most common financial workflows to better understand where friction, hesitation, and repeated actions appeared across the dashboard experience.

01

Checking balances

Friction

Pending, available, and used balances were not clearly distinguished.

Opportunity

Introduce clearer balance separation with distinct visual hierarchy.

Impact

Improve balance scanning and reduce repeated checking behavior.

02

Seeing transactions

Friction

Payments and activity lacked enough context before actions.

Opportunity

Surface merchant details and payment status directly within activity flows.

Impact

Reduce uncertainty and help users understand activity faster.

03

Managing payments

Friction

Important actions became harder to find within visually dense layouts.

Opportunity

Simplify navigation patterns and prioritize key financial actions.

Impact

Improve task completion and reduce navigation friction across workflows.

04

Scanning data

Friction

Similar visual weight reduced clarity across dashboard sections and data.

Opportunity

Create stronger hierarchy between balances, activity, and supporting details.

Impact

Help users scan information faster and focus on what matters most.

Ideation

Exploring interface directions

I explored multiple layout directions focused on balance visibility, transaction context, and workflow clarity. Each concept tested different approaches to grouping financial information, simplifying navigation, and helping users scan important details faster.

Exploring different dashboard concepts focused on hierarchy, transaction visibility, and clearer everyday financial workflows.

01

Focused overview

Explored a simplified top-level summary with clearer balance visibility and primary actions.

02

Modular layouts

Tested flexible dashboard blocks to improve grouping, spacing, and information hierarchy.

03

Task-oriented flows

Structured the interface around key financial actions and recurring user workflows.

Testing interaction flows early

Before moving into high-fidelity designs, I tested early interaction flows using low-fidelity paper prototypes. These quick sessions helped validate navigation patterns, layout hierarchy, and task completion behavior before investing time into polished UI design.

Designs

Refining the dashboard experience

The final redesign focused on improving clarity across everyday financial tasks through stronger hierarchy, simplified navigation, and more contextual transaction feedback. The updated interface made balances easier to compare, actions easier to locate, and activity flows easier to understand at a glance.

Overview of spending trends, category insights, and budget usage designed for faster financial scanning.

Instant card controls allowing users to freeze cards, manage limits, and update payment settings with minimal friction.

A simplified dashboard focused on balance visibility, transaction context, and clearer everyday financial workflows.

Before & after

The redesign focused on improving clarity across everyday financial workflows by simplifying navigation, strengthening visual hierarchy, and surfacing more contextual transaction information throughout the experience.

01

Clearer balance hierarchy

Balances became easier to distinguish through improved grouping, spacing, and visual separation.

02

More contextual activity flows

Transaction details, merchant information, and payment states were surfaced earlier to reduce uncertainty before actions.

03

Simplified navigation patterns

Important actions became easier to locate through clearer layout structure and more predictable workflow organization.

Lessons

Designing for clarity, confidence, and everyday financial workflows

This project reinforced how strongly financial confidence is shaped by interface clarity rather than financial complexity itself. Throughout the redesign, I explored how hierarchy, spacing, and contextual feedback could reduce uncertainty during everyday financial tasks. One of the biggest learnings was recognizing how small interface decisions — such as grouping, transaction context, and action placement — significantly influenced how users interpreted information and navigated the product.

Key outcomes

Clearer hierarchy

Improved separation between balances, transactions, and supporting details.

Faster dashboard scanning

Reduced visual competition across key financial workflows and actions.

More contextual activity

Introduced transaction states, merchant context, and clearer activity flows.

Scalable design system

Created reusable dashboard patterns and modular workflow structures.

Create a free website with Framer, the website builder loved by startups, designers and agencies.