Case study

Website & brand experience

Website & brand experience

Discover how I designed the website of a
financial advisory team.

Discover how I designed the website of a financial advisory team.

Translation: "Find the best financial plan in 2 minutes"

Translation: "Find the best financial plan in 2 minutes"

Overview

Context

My brother, a financial advisor, needed an effecient way to acquire clients. My other brother and I built him a website and brand to streamline his business.

Goal

Enable scalable client acquisition through:

An online booking system to replace ineffective and time-consuming cold calls

An online booking system to replace ineffective and time-consuming cold calls

A platform where prospects could learn about the service independently

A platform where prospects could learn about the service independently

A trusted brand, in the long-term

A trusted brand, in the long-term

My roles

  • Product designer

  • Frontend developer

  • Backend developer

Tools

Frontend

Backend

Timeline

Duration: 14 months

Start

Aug 2024

Start

Aug 2024

First MVP

Nov 2024

First MVP

Nov 2024

Testing

May 2025

Testing

May 2025

Redesign

Jun 2025

Redesign

Jun 2025

Final version

Sep 2025

Final version

Sep 2025

Results

Oct 2025

Results

Oct 2025

Research insights

Problem

Our brother had to call cold leads individually to pitch them the service and book a meeting.

Solution

Replace manual outreach with targeted marketing and an automated booking flow.

Evolution

Key insight

This was my first large-scale project. The final product looks nothing like the initial MVP — that evolution reflects everything I learned about what users actually needed.

Key insight

This was my first large-scale project. The final product looks nothing like the initial MVP — that evolution reflects everything I learned about what users actually needed.

First MVP

Flip device to enlarge screenshots.

Flip device to enlarge screenshots.

Our initial goal was to launch quickly with a minimal website that explained the service.

The MVP focused on visual appeal — sleek layouts, animations, and a modern feel — but offered limited clarity and weak performance.

Learning from feedback

Early user feedback revealed poor UX and mobile load times exceeding 9 seconds due to heavy visuals and platform limitations.

Redesign decisions

We took this opportunity to redesign the website entirely.

Wix -> Framer

Switched from Wix to Framer for better performance, faster builds, and scalability.

Photos -> SVGs

Eye candy -> Clear

1-hour meeting -> 2-min quiz

Wix -> Framer

Switched from Wix to Framer for better performance, faster builds, and scalability.

Photos -> SVGs

Eye candy -> Clear

1-hour meeting -> 2-min quiz

Lessons learned

This project taught me that design isn’t about getting it right the first time — it’s about learning fast and adapting. I learned to prioritize real user needs, question assumptions, and translate an evolving vision into a clear, valuable product.

Lessons learned

This project taught me that design isn’t about getting it right the first time — it’s about learning fast and adapting. I learned to prioritize real user needs, question assumptions, and translate an evolving vision into a clear, valuable product.

Design system

To enable faster iterations and ensure consistency across the product, I built a modular design system during the redesign.

Border radius

10 px - small frames

20 px - large frames

Main colors

Page background

Container background

Pitch black text - 95

Upper Mid text - 60

Mid text - 50

Blue

Green

Red

Purple

Main colors

Page background

Container background

Pitch black text - 95

Upper Mid text - 60

Mid text - 50

Blue

Green

Red

Purple

Font

Font family : Inter, sans-serif

Font weight : 500-600

Main text styles (computer breakpoint)

Main text styles (mobile breakpoint)

Page header - H1

Page header - H1

Section title - H2

Section title - H2

Section title - H3

Section title - H3

Large frame title - H4

Large frame title - H4

Large frame text - P

Large frame text - P

Small visuals - P

Small visuals - P

Icon library

Lucide

Design iterations

I explore multiple design solutions for each component, evaluating trade-offs between clarity, usability, and visual hierarchy.

Example: Plan card iterations

Example: Plan card iterations

These cards help users determine which financial plan suits their goals and their situation.

Version 1

Version 1

Maximum information density. It includes all available plan details.

Épargne pension Épargne à long terme

Pour tout travailleur belge voulant augmenter sa pension et diminuer ses impôts.

À partir de

30 €

/ mois

  • Équilibre entre rendement garanti / variable au choix

  • 25-30 % d'avantage fiscal

  • Jusqu'à 1 096,5 €/an de déduction d’impôt

  • Montant ajustable à tout moment

  • Possibilité de mettre en pause vos versements à tout moment

  • Interface pour observer votre épargne

augmenter votre pension

optimiser vos impôts

Épargne pension Épargne à long terme

Pour tout travailleur belge voulant augmenter sa pension et diminuer ses impôts.

À partir de

30 €

/ mois

  • Équilibre entre rendement garanti / variable au choix

  • 25-30 % d'avantage fiscal

  • Jusqu'à 1 096,5 €/an de déduction d’impôt

  • Montant ajustable à tout moment

  • Possibilité de mettre en pause vos versements à tout moment

  • Interface pour observer votre épargne

augmenter votre pension

optimiser vos impôts

Version 2

Version 2

Focused on decision-relevant information only.

Épargne pension & Épargne à long terme

Pour tout travailleur belge.

À partir de

30 €

/mois

Augmenter votre pension

Optimiser vos impôts

Épargne pension & Épargne à long terme

Pour tout travailleur belge.

À partir de

30 €

/mois

Augmenter votre pension

Optimiser vos impôts

Final choice: Version 2

Final choice: Version 2

This version better serves the user's goal:

  • Reduces cognitive load by showing only information that matter for decision making

  • Improves scannability, especially on mobile

Final design

Explore the live website or review key screens below.

Flip device to enlarge screenshots.

Flip device to enlarge screenshots.

Homepage hero with clear value proposition and streamlined booking flow

Homepage hero with clear value proposition and streamlined booking flow

Results & impact

What we achieved

What we achieved

The redesigned website delivered measurable improvements:

  • Reduced mobile load time from 9+ seconds to under 2 seconds

  • Replaced hour-long qualification calls with a 2-minute interactive questionnaire

  • Created a scalable design system that enabled rapid iteration

However, it ultimately did not achieve its primary goal of streamlining client acquisition.

Challenges

Challenges

Through this project, we realized that selling financial planning services requires a deep level of trust and credibility, something a new brand cannot easily build through product design alone — though definitely possible. Combined with the stringent regulatory environment and highly concentrated competitive landscape of financial services in Belgium — the business would have required substantial long-term time and capital investment, far beyond the scope of this project.

As a result, we made the strategic decision to discontinue the project and focus on other opportunities where design could have a more direct and immediate impact.

Reflection

This project taught me the importance of designing with the broader context in mind. Great design solves user problems, but it can't fix fundamental business constraints.

Knowing when to stop iterating — and recognizing which problems exist outside the product layer — was one of the most valuable lessons I took away from this experience.