---
slug: fd-homes
title: 'Logo und Website für einen Immobilien-Investor, bei Tag und bei Nacht'
story_preview: 'FD Homes Investments ist die neue Marke von Frank Damm für steueroptimierte Neubau-Kapitalanlagen in Kassel. Wir haben Logo und Website parallel entwickelt: eine Bildmarke aus einer einzigen Linie, ein animiertes Drittel-Modell, einen AfA-Chart, der mit dem Scrollen rechnet, und einen Hero, der um 20 Uhr von selbst in die Nacht wechselt.'
fineprint: 'Logo und Website aus einer Hand, von der ersten Mail Ende August bis zum Go-live Ende September 2026: 14 Logovarianten, ein Logo-Paket mit Mini-Styleguide, ein Onepager mit 16 Sektionen, Ratgeber-Unterseiten, Tag- und Nachtmodus, Tracking mit Einwilligung und strukturierte Daten.'
---

> **Case study source:** https://unlimited.studio/de/case-study/fd-homes

# Steuerlast in Immobilien umwandeln

Frank Damm arbeitet seit vielen Jahren im Bau- und Investmentwesen. Mit FD Homes Investments bündelt er das in einer eigenen Marke: vermietete Neubauwohnungen in Kassel als Kapitalanlage, oft Off-Market, für Menschen mit hohem Steuersatz. Eine alte Website gab es nicht, ein Logo auch nicht. Wir haben beides parallel entwickelt, die Website kam dabei zuerst ins Rollen, und das Logo musste sich auf ihr beweisen.

## „Die Website ist zu dunkel!?“

So begann die erste Feedback-Mail. Ob eine Website zu dunkel oder zu hell ist, darüber streiten sich die Geister. Bei FD Homes entscheidet die Zielgruppe: Leute, die nach einem langen Arbeitstag abends auf dem Sofa über Immobilien-Investments nachlesen. Ein grellweißer Bildschirm macht um 22 Uhr müde, und wer müde ist, klickt weg.

Also haben wir aus der Not eine animierte Tugend gemacht. Die Seite liest die Uhrzeit: Von 6 bis 20 Uhr zeigt fdhomes.de die Häuser bei Tag, danach bei Nacht. Dieselbe Seite, zwei Lichtstimmungen, kein Schalter, den jemand drücken muss.

- **Hero als Filmvorspann:** Beim Laden läuft ein Zeitraffer von der Dämmerung in die Nacht, erst danach erscheinen Headline, Rapport und die Glaskarte mit dem Einstieg.
- **Wechsel per Klick:** Wer selbst umschaltet, sieht dieselbe Fassade in den Tag laufen. Browser spielen Videos nicht rückwärts, deshalb gibt es den Zeitraffer als zweiten, umgekehrten Schnitt.
- **Ein Tokensatz, zwei Modi:** Farben, Logo, Rapport und Bilder hängen an einer Klasse. Der Server rendert die Nacht, die Uhrzeit entscheidet erst im Browser, damit beim Laden nichts aufblitzt.

## Rechnen, ohne zu beraten

Steuervorteile lassen sich schwer erzählen und leicht falsch versprechen. Die Seite zeigt deshalb, wie die Rechnung funktioniert, nicht was am Ende herauskommt.

- **Drittel-Modell:** Ein Ring baut sich auf, sobald er ins Bild kommt. Mieter, Staat und Investor tragen je ein Drittel des Kapitaldienstes. Bogen, Linie, Icon und Beschriftung folgen einem einzigen Fortschrittswert.
- **Der steuerliche Hebel:** Ein Balkendiagramm über 33 Jahre wechselt beim Scrollen von der linearen über die degressive AfA zum kombinierten Pfad mit Sonder-AfA. Die Sektion hält dabei an, die Tabs füllen sich mit, danach lässt sich frei wählen.
- **Orientierung statt Rechner:** Ein Fragen-Flow sammelt die Eckdaten für das Erstgespräch, etwa das zu versteuernde Jahreseinkommen. Eine Ergebniszahl gibt es bewusst nicht, denn die wäre Steuerberatung. Den Hinweistext dazu hat der Kunde selbst formuliert.
- **Ratgeber:** Eigene Unterseiten zu Sonder-AfA nach § 7b und degressiver AfA für alle, die es genauer wissen wollen.

## Zugang statt Formularwand

Off-Market heißt, dass die besten Objekte nicht im Netz stehen. Die Seite zeigt Projekte deshalb nur auf Projektebene, etwa Park Schönfeld in Kassel-Süd, und führt von dort ins Gespräch statt in ein Exposé-Formular. Ein Ablauf in fünf Schritten, ein Leistungsumfang, die Zielgruppen und eine FAQ beantworten vorher, was ein Investor vor dem ersten Anruf wissen will. Am Ende steht Frank Damm selbst, mit genau einer Telefonnummer.

## „Das Logo gefällt mir ehrlich gesagt noch nicht ganz!“

So begann das Logodesign. Frank Damm hatte den ersten Entwurf bereits auf der Website gesehen und bat um weitere Varianten: dreidimensional, geometrischer, puristischer, aber alles passend zur Website. Entstanden sind 14 Varianten, von denen ihn eine sofort angesprochen hat.

- **Bildmarke aus einer Linie:** Durchgesetzt hat sich eine flache Konturvariante in horizontaler Ausrichtung. F und D teilen sich einen Rahmen und eine durchgehende Linie.
- **Rapport:** Aus derselben Linie entstand das Muster, das im Hero aus der Ecke wächst und auf Briefpapier und Fassade weiterläuft.
- **Logo-Paket:** Alle Varianten für Web und Druck, hell und dunkel, als Wort-Bildmarke, Bildmarke und Quadrat, dazu ein Mini-Styleguide, der das Corporate Design schriftlich festhält.

## Unter der Haube

Die Seite läuft auf unserer eigenen Plattform mit Laravel, Inertia und Vue, mit Server-Side-Rendering. Instrument Serif und Inter sind self-hosted. Strukturierte Daten beschreiben FD Homes als `RealEstateAgent` und Frank Damm als `Person`. Google Analytics und der Tag Manager laden erst nach Einwilligung, die Search Console ist verifiziert, die Sitemap eingereicht. Die KI-generierten Bilder und der Zeitraffer im Hero sind im Impressum gekennzeichnet.

## Das Ergebnis

Eine neue Marke mit Logo, Styleguide und Website, gebaut in einem Monat. Die Seite erklärt eine komplizierte Rechnung, ohne sie zu versprechen, und passt sich der Tageszeit ihrer Besucher an. Ein Paperwhite-Display würde das Problem vermutlich auch lösen. Aber wer schaut sich Websites auf einem Kindle an?
