Blog
12/08/2026

Webdesign für eine Investmentfirma: Tresmares Capital von Dgrees

Tresmares Capital tritt mit einer Selbstverständlichkeit auf, die im Finanzsektor selten ist. Die Website verzichtet bewusst auf plakative Botschaften zu Vertrauen, Stabilität oder Erfahrung – das übernimmt das Design. Viel Weißraum, großzügige Typografie, Rot als spannungsgeladener Akzent und eine Struktur, die komplexe Dienstleistungen überraschend zugänglich macht.

Die Seite wirkt präsent, ohne überladen zu sein. Jeder Abschnitt ist so gestaltet, dass er Kontrolle und Übersicht vermittelt: Zahlen sind Teil des Designs, Animationen strukturieren statt abzulenken, und die Hierarchie verhindert den Eindruck endloser Unternehmenspräsentationen. Das Ergebnis bewegt sich souverän zwischen institutionellem Auftritt und redaktioneller Anmutung – mit genug Charakter, um nicht wie eine austauschbare Investmentfirma zu wirken.

Gerade das macht dieses Beispiel so spannend. Hier wird nicht versucht, Finanzen anders erscheinen zu lassen, sondern sie werden visuell präzise inszeniert. Wenn eine B2B-Marke es schafft, Strategie, Interface und Motion Design aufeinander abzustimmen, wirkt Komplexität weniger schwer – und der wahrgenommene Wert entsteht, noch bevor man ins Detail geht.

Tresmares Capital — Finanzen mit redaktionellem Puls und roter Spannung

Der erste Eindruck ist Ruhe: heller Hintergrund, dezente Farbpalette, viel Raum um jedes Element. Doch schnell kommt Spannung ins Spiel – rote Blöcke, schwarze Linien, Formen, die die Komposition durchbrechen, und eine sachliche Typografie, die ohne Schnörkel die Bühne beherrscht. Gerade das Wechselspiel aus Stille und grafischem Statement verleiht dem Auftritt Charakter.

Ein Auftakt mit Größe und Landschaft

Tresmares Capital — Auftakt mit Landschaft, Größe und institutioneller Atmosphäre.

Das Landschaftsmotiv funktioniert, weil es nicht in die Klischeefalle tappt. Der Berg ist keine Motivationspostkarte, sondern vermittelt Maßstab: Tiefe, Weite, Perspektive. Gerade für eine Investmentmarke zählt dieses Gefühl – es steht für Weitblick, Wachstum und langfristige Orientierung, ohne es plakativ auszusprechen.

Das Motion Design begleitet mit ruhigem Takt. Es drängt den Nutzer nicht, sondern lässt Überschriften wirken und macht aus dem ersten Screen eine Szene. Die Animation hat hier eine klare Aufgabe: Präsenz schaffen. Ein Finanzunternehmen gewinnt deutlich an Wertanmutung, wenn der digitale Auftritt nicht wie ein Standard-Template wirkt, sondern eine eigene Atmosphäre entfaltet.

Tresmares Capital
Tresmares Capital — Direct Lending als redaktionelles Service-Modul.

Das Direct-Lending-Modul ist wohl das spannendste Element zum genaueren Hinsehen. Die Typografie steht zentral wie ein Magazin-Cover. Es gibt keine übermäßige Abhängigkeit von Icons, erklärenden Illustrationen oder zerhackten Textblöcken. Der Service-Name dominiert. Und wenn der Service visuell im Mittelpunkt steht, steigt das Verständnis: Nutzer wissen sofort, wo sie sind, noch bevor sie ins Detail gehen.

Das Zusammenspiel aus Grau, Schwarz und Rot schafft eine sehr prägnante Identität. Grau kühlt und balanciert, Schwarz gibt Hierarchie, Rot bringt Energie, Fokus und eine subtile visuelle Spannung, die Monotonie verhindert. Dieses Rot wirkt nicht dekorativ, sondern als bewusster Akzent. In einer Branche, in der Interfaces meist auf Sicherheitsblau setzen, sorgt diese Farbwahl für Differenzierung ohne Verlust an Seriosität.

Die Komposition erinnert fast an Architektur: Links dezente Navigation und unterstützender Text, zentral eine große Überschrift und ein grafisches Statement, rechts Kennzahlen als Beleg für Solidität. Nichts konkurriert zu sehr. Der Screen arbeitet in Schichten: erst Identität, dann Service, dann Glaubwürdigkeit. Eine sehr sinnvolle Abfolge für jede B2B-Marke, die viel erklären muss, ohne die Oberfläche zur Informationswand zu machen.

Zahlen spielen eine wichtige Rolle, weil sie nicht als schwerer Block „Vertrau uns“ daherkommen. Sie sind in den visuellen Rhythmus eingebettet: Ticket, EBITDA, Assets, Team – Kennzahlen, die operative Größe und Geschäftskontext zeigen, aber grafisch leicht inszeniert sind. Statt wie eine Tabelle zu wirken, werden sie Teil der visuellen Führung. Das verändert die Wahrnehmung: Die Zahl verliert ihren bürokratischen Charakter und wird zum Autoritätsbeweis.

Auch die Gestaltung des Buttons ist bemerkenswert. Der Call-to-Action bleibt klein, fast zurückhaltend. Er bricht nicht die Eleganz und erzwingt keine Conversion durch übertriebenen Kontrast. Das passt zu einer Premium-Experience: Nicht alles muss dringend wirken. Die praktische Lehre liegt im Gleichgewicht – wer aggressiv Leads generieren will, braucht mehr Unterstützung. Wer Vertrauen aufbauen und Interesse qualifizieren möchte, profitiert von dieser Zurückhaltung.

Dienstleistungen als visuelles System in Bewegung

Tresmares Capital — Service-Panels mit grafischem Motion und flüssiger Navigation.

Im zweiten Motion-Moment ändert sich die Energie. Die Services wirken nicht mehr wie eine Liste, sondern wie ein System. Große rote Flächen, feine Linien, Übergänge zwischen Investmentbereichen, Karten-Feeling. So wird etwas, das trocken sein könnte – Strategien, Finanzprodukte, Investmentkategorien – elegant navigierbar gemacht.

Diese Art von Animation bringt eine wertvolle, leichte Interaktionsschicht. Die Experience wird kein Spiel, bekommt aber visuellen Rhythmus. Der Nutzer liest nicht nur „Private Equity“ oder „Direct Lending“, sondern spürt, dass jede Sparte ihr eigenes Gewicht im gemeinsamen Universum hat. Das schafft visuelles Gedächtnis – gerade bei komplexen Service-Websites, wo sonst alles zu ähnlich aussieht.

Das Entscheidende: Das Motion Design agiert nicht losgelöst, sondern bleibt der Markenidentität verpflichtet. Rot bleibt der Hauptakzent, die Typografie sachlich, Bewegung dient der Struktur – nicht der Ablenkung. Viele B2B-Marken scheitern hier: Sie setzen Animationen ein, um modern zu wirken, aber ohne Bezug zur Markenbotschaft. Bei Tresmares wirkt die Bewegung wie ein natürlicher Teil des grafischen Systems.

Eine klare Lehre für Visual Direction und UX/UI: Komplexe Services müssen nicht bis zur Beliebigkeit vereinfacht werden. Es lässt sich eine Struktur gestalten, die Inhalte lesbarer, attraktiver und leichter zugänglich macht. Die Oberfläche muss nicht alles auf einmal erklären – sie kann Rhythmus geben, Pausen schaffen, den Blick lenken und Inhalte gezielt inszenieren.

Auch in puncto Markenidentität setzt Tresmares ein Zeichen: Statt auf generische Business-Fotos oder Stock-Lächeln zu setzen, wird Vertrauen über die visuelle Sprache aufgebaut. Das ist kraftvoll. Eine durchdachte Komposition, eine konsistente Farbwelt und eine klare Typografie vermitteln mehr Solidität als viele institutionelle Floskeln.

Die Inspiration: weniger Lärm, mehr Präsenz

Das Beste an diesem Beispiel: Es will nicht permanent „kreativ“ wirken. Es hat Charakter, weiß aber um die Kraft der Zurückhaltung. Gerade im B2B-Webdesign – besonders in Finanz-, Rechts-, Industrie- oder Technologiebereichen – wird Persönlichkeit oft aus Angst vor Vertrauensverlust geopfert. Hier ist es umgekehrt: Persönlichkeit schafft Vertrauen, weil sie gezielt eingesetzt wird.

Die Arbeit erinnert an einen wichtigen Punkt: Wert entsteht, bevor Details gelesen werden. Er beginnt bei der Komposition, der Farbwahl, der Typografiegröße, der Anordnung der Daten, der Bewegung der Übergänge, der Atmosphäre des ersten Screens. Wirkt alles beliebig, erscheint auch das Angebot beliebig. Gibt es eine visuelle Handschrift, gewinnt das Geschäft an Präsenz.

Für Marken mit komplexem Portfolio liegt die Inspiration darin, Inhalte wie eine Szene zu inszenieren – nicht wie ein Dokument. Dem Service die Bühne geben. Zahlen als Vertrauenssignal nutzen. Motion für Rhythmus einsetzen. Eine wiedererkennbare Identität schaffen, ohne die Oberfläche zu überladen. Es geht nicht um mehr Lärm, sondern darum, dass jede visuelle Entscheidung eine klare Absicht hat.

Und vielleicht ist das die wichtigste Erkenntnis: Eine B2B-Website kann präzise sein, ohne kalt zu wirken. Sie kann Kompetenz, Erfahrung und Stabilität vermitteln, ohne austauschbar zu erscheinen. Wenn das visuelle Konzept stimmt, ordnet die Oberfläche nicht nur Informationen – sie prägt, wie eine Marke im Gedächtnis bleibt.

Hat es dir gefallen?
Abonnieren
Verwandte Artikel
Sollen wir
mit Ihrem Projekt starten?

Wir analysieren Ihre aktuelle Situation und definieren den nächsten Schritt.

Kontaktieren Sie uns jetzt
Unsere Website verwendet Cookies, um Informationen über Ihr Gerät und Ihre Surfaktivitäten zu sammeln. Wir verwenden diese Daten, um die Website zu verbessern, die Sicherheit zu gewährleisten und personalisierte Inhalte bereitzustellen. Sie können Ihre Cookie-Einstellungen verwalten indem Sie hier klicken.
Akzeptieren Sie Cookies Aufstellen Cookies ablehnen
Grundlegende Informationen zu Cookies
Diese Website verwendet Cookies und/oder ähnliche Technologien, die beim Surfen Informationen speichern und abrufen. Im Allgemeinen können diese Technologien sehr unterschiedliche Zwecke verfolgen, wie z. B. die Erkennung von Ihnen als Nutzer, die Gewinnung von Informationen über Ihr Surfverhalten oder die Personalisierung der Darstellung von Inhalten. Nachfolgend werden unsere konkreten Einsatzmöglichkeiten dieser Technologien beschrieben. Standardmäßig sind alle Cookies deaktiviert, mit Ausnahme technischer Cookies, die für das Funktionieren der Website erforderlich sind. Wenn Sie weitere Informationen wünschen oder Ihre Datenschutzrechte ausüben möchten, können Sie unsere konsultieren Política de cookies".
Akzeptieren Sie CookiesAufstellen
Notwendige technische Cookies Immer aktiv
Technische Cookies sind unbedingt erforderlich, damit unsere Website funktioniert und Sie darauf navigieren können. Bei diesen Arten von Cookies handelt es sich beispielsweise um solche, die es uns ermöglichen, Sie zu identifizieren, Ihnen bei Bedarf Zugang zu bestimmten eingeschränkten Teilen der Seite zu gewähren oder sich an verschiedene Optionen oder Dienste zu erinnern, die Sie bereits ausgewählt haben, wie etwa Ihre Datenschutzeinstellungen. Daher sind sie standardmäßig aktiviert und Ihre Autorisierung ist nicht erforderlich. Durch die Konfiguration Ihres Browsers können Sie diese Art von Cookies blockieren oder Sie auf das Vorhandensein dieser Cookies aufmerksam machen. Diese Blockierung beeinträchtigt jedoch die ordnungsgemäße Funktion der verschiedenen Funktionen unserer Website.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Bestätigen Sie die Einstellungen
Kontaktieren Sie uns
Bilden

Erzählen Sie uns
Ihr Projekt

Geben Sie den allgemeinen Kontext Ihrer Organisation und den geplanten Umfang des Projekts an.
Code Barcelona, ​​​​der für die Verarbeitung Ihrer Daten verantwortlich ist, wird diese verarbeiten, um auf die Anfrage und/oder Anfrage zu antworten, die Sie über dieses Kontaktformular an uns richten. Sie können Ihre Rechte auf Auskunft, Berichtigung, Löschung sowie weitere Rechte ausüben, indem Sie die zusätzlichen detaillierten Informationen zum Datenschutz in unserer Website konsultieren Datenschutzrichtlinie.
Title
Popupcontent
Analyse Ihrer digitalen Situation

Wir prüfen Ihre aktuelle digitale Situation. Wir kontaktieren Sie, um Ihren Kontext zu verstehen und gemeinsam zu beurteilen, welche Bereiche analysiert werden müssen. Anschließend bereiten wir ein Audit mit den wichtigsten Punkten und Empfehlungen vor.

Code Barcelona, ​​​​der für die Verarbeitung Ihrer Daten verantwortlich ist, wird diese verarbeiten, um auf die Anfrage und/oder Anfrage zu antworten, die Sie über dieses Kontaktformular an uns richten. Sie können Ihre Rechte auf Auskunft, Berichtigung, Löschung sowie weitere Rechte ausüben, indem Sie die zusätzlichen detaillierten Informationen zum Datenschutz in unserer Website konsultieren Datenschutzrichtlinie.
Aceptar
Sichtbarkeitsanalyse in KI-Agenten

Wir analysieren, wie Ihre Marke in ChatGPT und anderen KI-Agenten erscheint, gegenüber welchen Wettbewerbern und bei welchen Suchanfragen. Anschließend kontaktieren wir Sie, um den Kontext und die wichtigsten Chancen zu definieren.

Code Barcelona, ​​​​der für die Verarbeitung Ihrer Daten verantwortlich ist, wird diese verarbeiten, um auf die Anfrage und/oder Anfrage zu antworten, die Sie über dieses Kontaktformular an uns richten. Sie können Ihre Rechte auf Auskunft, Berichtigung, Löschung sowie weitere Rechte ausüben, indem Sie die zusätzlichen detaillierten Informationen zum Datenschutz in unserer Website konsultieren Datenschutzrichtlinie.