Fintech — web design

Arc

We migrated and rebuilt the outdated website of a Berlin-based wealth management firm in Framer, then turned the design system into a public template on the Framer marketplace.

View live site ↗

Client

A Berlin-based wealth management and advisory firm (unnamed due to NDA)

A Berlin-based wealth management and advisory firm (unnamed due to NDA)

Year

2026

2026

Services

Site migration, full website redesign

Site migration, full website redesign

Industry

Wealth management, financial advisory

Wealth management, financial advisory

Technology

Framer

Framer

Arc case study — discovery phase: Market research
Arc case study — design phase: The "ledger" system
Arc case study — development phase: Eight responsive pages

The brief was to migrate and completely redesign an outdated website that could no longer keep up with the company's growth. We later developed the design system further into a standalone, publicly available Framer template called Arc Wealth.

The client is a mid-sized wealth management and advisory firm in Berlin serving successful individuals, athletes, and artists. Their website was outdated, and the company had outgrown it: neither the look nor the structure still reflected the actual level of service. The job was a full site migration and a new website built from the ground up.

Due to the NDA, the company's name and specific business details aren't public. What follows describes the finished design system and approach, which later became a public Framer template as well (Arc Wealth).

Discovery & strategy

01

Market research

We started the research phase from two directions. Through Mobbin, we studied how financial apps and interfaces work, mapping the conventions and what they're for. We also reviewed several live wealth management websites to see the current industry approach.

02

The insight

Most financial and advisory sites reach for the same tools to build trust: glossy hero photos, gradient shapes, confident big promises. That observation set the direction: the new site went the opposite way.

Design approach

01

The "ledger" system

The site is built on a design system that recalls a ledger: thin lines, framed grid sections, warm paper tones, and typography that feels hand-set, closer to a carefully kept archive than a typical SaaS landing page. Stock photos are replaced with etching-style illustrations, keeping the site visually consistent. One deliberately used accent color, and restrained, physics-based motion, never a "bouncy" animation.

02

Why this decision fits the financial sector

In finance and advisory, credibility comes from clarity and well-chosen information, not decoration. Layout and proper use of white space matter more here than any animation or video. That's what actually builds trust in corporate circles. Information architecture, and how it's presented, decides whether a visitor takes the service behind the site seriously. Showing a real face mattered too: proving actual people stand behind the business, not an anonymous corporate wall.

Development

01

Eight responsive pages

Eight fully responsive pages were built: Home, About, Opportunities, Blog, Blog Post, Sign In, Contact, and a custom 404 page that fits the brand.

02

Live CMS and reusable components

Two live CMS collections power case studies and articles, with a real schema structure. The site is built on reusable components, with synced navigation and footer.

Results

The client project's results aren't public due to the NDA. We did, however, turn the design system into a public Framer template called Arc Wealth, which reached over 10,000 impressions, 400+ views, and 10+ remixes on the Framer marketplace in just two weeks, marketplace feedback that shows the design system's value on its own.

Full site structure

8 pages

Impressions as a Framer marketplace template (in 2 weeks)

10,000+

Remixes on the marketplace

10+

Arc case study — discovery phase: The realization
Arc case study — design phase: Why this is the only logical move for finance
Arc case study discovery phase image
Arc case study design phase image