NDA
FinTech

Designing a financial planning and tax platform for the Swiss advisory market

A web platform turning expert tax and financial planning calculations into clear digital workflows for Swiss advisors, lawyers, and trustees

Financial planning and tax platform UX/UI design

About the project

A Swiss IT and digital transformation company automates expert-level financial calculations for trustees, lawyers, and financial advisors. It helps translate specialized advisory logic into accessible digital workflows for modern financial services.

The product supports withholding tax analysis, alimony scenarios, and financial planning workflows, digitizing processes that have previously relied on desktop tools, Excel models, and manual calculations.

Industry
Finance
Services
Web App Design
Financial advisory platform
Financial planning software dashboard design

Challenge

The client was moving from a legacy desktop product to a web platform to reach users who had previously depended entirely on experts. Halo Lab’s team was tasked with building the entire web UX foundation, including the design system and end-to-end experience for financial planning workflows.

Financial planning web platform

Our process

Across a dedicated collaboration, we built the platform’s UX foundation and delivered several product modules, scaling the design system alongside the product itself.

Tax platform UX/UI design

We started our collaboration by establishing the product’s visual language and delivering initial calculation modules, establishing a consistent product foundation.

{{dropdowns-1}}

Tax platform UX/UI design for financial advisors

Financial planning module UX/UI design

The most complex scope of the project was a multi-layered financial planning tool, requiring us to translate dense financial logic into a structured design system.

{{dropdowns-2}}

Financial planning module UX/UI design

Platform growth & expansion

As the platform grew beyond its initial scope, our team extended both functionality and the design system across new modules and workflows within the platform ecosystem.

{{dropdowns-3}}

Financial software product design and platform expansion

Results

  • Intuitive UX foundation supporting both expert and non-expert users across multiple financial workflows
  • Structured information architecture simplifying complex financial logic into clear flows
  • Interactive prototype enabling early user validation across key product modules
  • Dev-ready UI specifications ensuring consistent implementation across long-term product development
  • Scalable component library supporting consistent product growth and feature expansion

{{review}}

Our approach

Our team approached the process with long-term product scalability and high-trust financial accuracy in mind, prioritizing clarity in complex workflows and high usability.

{{approach}}

5.0
star iconstar iconstar iconstar iconstar icon

“Our internal team loved the results, and we were especially happy with the platform’s design. Communication was smooth and efficient, they quickly understood our needs and helped resolve key issues. Their ability to grasp our intentions and requirements so fast was particularly impressive.”

Representative of the client’s company

Ready to discuss your project with us?

Let’s talk about how we can design, build, and grow a product that puts you in the top 1%
GET IN TOUCH

01 · Research & discovery

We started with product discovery, conducting market and competitor research to map the landscape and surface real user needs. This revealed two profiles: calculation experts who prioritized speed and accuracy, and non-experts who relied on the interface to prevent errors.

Financial platform UX research and user profiling

Deliverables:

  • Competitor analysis
  • User profiling

02 · UX design

We mapped the product from case creation to output, defining user flows and content hierarchy. The key decision was separating input steps from results so users could always distinguish where editable data ended and calculated output began.

Tax platform user flow and information architecture

Deliverables:

  • Wireframes & user flow
  • Clear information architecture

03 · UI design

With flows confirmed, we built the visual language around a modular system with custom icons and a clear typography hierarchy. The color palette paired white backgrounds with blue accents, reinforcing a professional and trustworthy tone.

Financial planning platform UI design

Deliverables:

  • Scalable visual system
  • Landing page design
  • Reusable component library

04 · Alimony payments module

The alimony module was the platform’s first live tool, built for lawyers who needed fast, legally defensible calculations. We designed the full workflow — participant data entry, tax inputs, and a contextual results panel with real-time updates.

Alimony payment calculation module UX/UI design

Deliverables:

  • Case creation flow
  • Calculation state management
  • Real-time results panel

01 · UX design

We started by reviewing the client’s existing desktop product to map core interaction patterns. With three data types coexisting in one view, we introduced tab-based navigation, letting advisors move freely between sections without losing context.

Financial planning software UX and navigation design

Deliverables:

  • Navigation architecture
  • Interaction flow mapping

02 · UI design

Each planning scenario was assigned a color cascading through headers and menus, giving advisors a consistent visual anchor across views. Tables used a compact, data-forward style with expansion panels that always kept column totals visible.

Financial planning platform UI and table design

Deliverables:

  • Scenario color system
  • Expandable table design
  • User-controlled layout settings

03 · Interactive prototype

To validate the financial planning module before development, the client needed real customer feedback. We built an interactive prototype simulating the full workflow with component logic that accurately replicated multi-step interactions.

Interactive prototype for financial planning workflows

Deliverables:

  • Clickable prototype
  • German-annotated presentation

01 · Icon design

When the client expanded their product, they needed new icons for their desktop application. We designed the full Windows icon set, delivering file icons, a splash screen, and a favicon for consistent cross-surface presence.

Financial software application icon design

Deliverables:

  • Application icon set
  • Browser favicon

02 · Reporting feature

Additionally, we designed a report builder for assembling client-facing documents in-platform. The interface used three panels: a module library, a drag-and-drop editor, and a live preview that updates in real time as advisors build.

Financial platform report builder UX/UI design

Deliverables:

  • Report builder layout
  • Drag-and-drop interaction design

Team

  • 1 PM
  • 2 UI/UX Designers

Technologies

Figma
Miro