{"id":101879,"date":"2026-08-12T08:12:58","date_gmt":"2026-08-12T08:12:58","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-web-firma-inversion-tresmares-capital-dgrees-2\/"},"modified":"2026-08-07T08:29:21","modified_gmt":"2026-08-07T08:29:21","slug":"webdesign-investmentgesellschaft-tresmares-capital-dgrees","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/","title":{"rendered":"Webdesign f\u00fcr eine Investmentfirma: Tresmares Capital von Dgrees"},"content":{"rendered":"<p>Tresmares Capital tritt mit einer Selbstverst\u00e4ndlichkeit auf, die im Finanzsektor selten ist. Die Website verzichtet bewusst auf plakative Botschaften zu Vertrauen, Stabilit\u00e4t oder Erfahrung \u2013 das \u00fcbernimmt das Design. Viel Wei\u00dfraum, gro\u00dfz\u00fcgige Typografie, Rot als spannungsgeladener Akzent und eine Struktur, die komplexe Dienstleistungen \u00fcberraschend zug\u00e4nglich macht.<\/p>\n<p>Die Seite wirkt pr\u00e4sent, ohne \u00fcberladen zu sein. Jeder Abschnitt ist so gestaltet, dass er Kontrolle und \u00dcbersicht vermittelt: Zahlen sind Teil des Designs, Animationen strukturieren statt abzulenken, und die Hierarchie verhindert den Eindruck endloser Unternehmenspr\u00e4sentationen. Das Ergebnis bewegt sich souver\u00e4n zwischen institutionellem Auftritt und redaktioneller Anmutung \u2013 mit genug Charakter, um nicht wie eine austauschbare Investmentfirma zu wirken.<\/p>\n<p>Gerade das macht dieses Beispiel so spannend. Hier wird nicht versucht, Finanzen anders erscheinen zu lassen, sondern sie werden visuell pr\u00e4zise inszeniert. Wenn eine B2B-Marke es schafft, Strategie, Interface und Motion Design aufeinander abzustimmen, wirkt Komplexit\u00e4t weniger schwer \u2013 und der wahrgenommene Wert entsteht, noch bevor man ins Detail geht.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101879-1\" width=\"1280\" height=\"696\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/submenu-solutons.mp4?_=1\" \/><\/video><\/div>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101879-2\" width=\"1280\" height=\"696\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/services-acordeon.mp4?_=2\" \/><\/video><\/div>\n<h2>Tresmares Capital \u2014 Finanzen mit redaktionellem Puls und roter Spannung<\/h2>\n<p>Der erste Eindruck ist Ruhe: heller Hintergrund, dezente Farbpalette, viel Raum um jedes Element. Doch schnell kommt Spannung ins Spiel \u2013 rote Bl\u00f6cke, schwarze Linien, Formen, die die Komposition durchbrechen, und eine sachliche Typografie, die ohne Schn\u00f6rkel die B\u00fchne beherrscht. Gerade das Wechselspiel aus Stille und grafischem Statement verleiht dem Auftritt Charakter.<\/p>\n<h4>Ein Auftakt mit Gr\u00f6\u00dfe und Landschaft<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcc433e2429561327269_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcc433e2429561327269.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Tresmares Capital \u2014 Auftakt mit Landschaft, Gr\u00f6\u00dfe und institutioneller Atmosph\u00e4re.<\/figcaption><\/figure>\n<p>Das Landschaftsmotiv funktioniert, weil es nicht in die Klischeefalle tappt. Der Berg ist keine Motivationspostkarte, sondern vermittelt Ma\u00dfstab: Tiefe, Weite, Perspektive. Gerade f\u00fcr eine Investmentmarke z\u00e4hlt dieses Gef\u00fchl \u2013 es steht f\u00fcr Weitblick, Wachstum und langfristige Orientierung, ohne es plakativ auszusprechen.<\/p>\n<p>Das Motion Design begleitet mit ruhigem Takt. Es dr\u00e4ngt den Nutzer nicht, sondern l\u00e4sst \u00dcberschriften wirken und macht aus dem ersten Screen eine Szene. Die Animation hat hier eine klare Aufgabe: Pr\u00e4senz schaffen. Ein Finanzunternehmen gewinnt deutlich an Wertanmutung, wenn der digitale Auftritt nicht wie ein Standard-Template wirkt, sondern eine eigene Atmosph\u00e4re entfaltet.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg\" alt=\"Tresmares Capital\" \/><figcaption>Tresmares Capital \u2014 Direct Lending als redaktionelles Service-Modul.<\/figcaption><\/figure>\n<p>Das Direct-Lending-Modul ist wohl das spannendste Element zum genaueren Hinsehen. Die Typografie steht zentral wie ein Magazin-Cover. Es gibt keine \u00fcberm\u00e4\u00dfige Abh\u00e4ngigkeit von Icons, erkl\u00e4renden Illustrationen oder zerhackten Textbl\u00f6cken. Der Service-Name dominiert. Und wenn der Service visuell im Mittelpunkt steht, steigt das Verst\u00e4ndnis: Nutzer wissen sofort, wo sie sind, noch bevor sie ins Detail gehen.<\/p>\n<p>Das Zusammenspiel aus Grau, Schwarz und Rot schafft eine sehr pr\u00e4gnante Identit\u00e4t. Grau k\u00fchlt 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\u00fcr Differenzierung ohne Verlust an Seriosit\u00e4t.<\/p>\n<p>Die Komposition erinnert fast an Architektur: Links dezente Navigation und unterst\u00fctzender Text, zentral eine gro\u00dfe \u00dcberschrift und ein grafisches Statement, rechts Kennzahlen als Beleg f\u00fcr Solidit\u00e4t. Nichts konkurriert zu sehr. Der Screen arbeitet in Schichten: erst Identit\u00e4t, dann Service, dann Glaubw\u00fcrdigkeit. Eine sehr sinnvolle Abfolge f\u00fcr jede B2B-Marke, die viel erkl\u00e4ren muss, ohne die Oberfl\u00e4che zur Informationswand zu machen.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101879-3\" width=\"1280\" height=\"696\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/scroll-team.mp4?_=3\" \/><\/video><\/div>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101879-4\" width=\"1280\" height=\"696\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/scroll-home-hero.mp4?_=4\" \/><\/video><\/div>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101879-5\" width=\"1280\" height=\"696\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/scroll-solution-2.mp4?_=5\" \/><\/video><\/div>\n<p>Zahlen spielen eine wichtige Rolle, weil sie nicht als schwerer Block \u201eVertrau uns\u201c daherkommen. Sie sind in den visuellen Rhythmus eingebettet: Ticket, EBITDA, Assets, Team \u2013 Kennzahlen, die operative Gr\u00f6\u00dfe und Gesch\u00e4ftskontext zeigen, aber grafisch leicht inszeniert sind. Statt wie eine Tabelle zu wirken, werden sie Teil der visuellen F\u00fchrung. Das ver\u00e4ndert die Wahrnehmung: Die Zahl verliert ihren b\u00fcrokratischen Charakter und wird zum Autorit\u00e4tsbeweis.<\/p>\n<p>Auch die Gestaltung des Buttons ist bemerkenswert. Der Call-to-Action bleibt klein, fast zur\u00fcckhaltend. Er bricht nicht die Eleganz und erzwingt keine Conversion durch \u00fcbertriebenen Kontrast. Das passt zu einer Premium-Experience: Nicht alles muss dringend wirken. Die praktische Lehre liegt im Gleichgewicht \u2013 wer aggressiv Leads generieren will, braucht mehr Unterst\u00fctzung. Wer Vertrauen aufbauen und Interesse qualifizieren m\u00f6chte, profitiert von dieser Zur\u00fcckhaltung.<\/p>\n<h4>Dienstleistungen als visuelles System in Bewegung<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcc43f04010883397240_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcc43f04010883397240.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Tresmares Capital \u2014 Service-Panels mit grafischem Motion und fl\u00fcssiger Navigation.<\/figcaption><\/figure>\n<p>Im zweiten Motion-Moment \u00e4ndert sich die Energie. Die Services wirken nicht mehr wie eine Liste, sondern wie ein System. Gro\u00dfe rote Fl\u00e4chen, feine Linien, \u00dcberg\u00e4nge zwischen Investmentbereichen, Karten-Feeling. So wird etwas, das trocken sein k\u00f6nnte \u2013 Strategien, Finanzprodukte, Investmentkategorien \u2013 elegant navigierbar gemacht.<\/p>\n<p>Diese Art von Animation bringt eine wertvolle, leichte Interaktionsschicht. Die Experience wird kein Spiel, bekommt aber visuellen Rhythmus. Der Nutzer liest nicht nur \u201ePrivate Equity\u201c oder \u201eDirect Lending\u201c, sondern sp\u00fcrt, dass jede Sparte ihr eigenes Gewicht im gemeinsamen Universum hat. Das schafft visuelles Ged\u00e4chtnis \u2013 gerade bei komplexen Service-Websites, wo sonst alles zu \u00e4hnlich aussieht.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101879-6\" width=\"1280\" height=\"696\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/hero-servicio.mp4?_=6\" \/><\/video><\/div>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-101792\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-valores-composition-4.jpg\" alt=\"\" width=\"1440\" height=\"1702\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-valores-composition-4.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-valores-composition-4-914x1080.jpg 914w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-valores-composition-4-761x900.jpg 761w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-valores-composition-4-846x1000.jpg 846w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-valores-composition-4-635x750.jpg 635w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-valores-composition-4-338x400.jpg 338w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101785\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-timeline.jpg\" alt=\"\" width=\"1440\" height=\"1232\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-timeline.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-timeline-1262x1080.jpg 1262w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-timeline-1052x900.jpg 1052w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-timeline-1000x856.jpg 1000w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-timeline-750x642.jpg 750w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-timeline-400x342.jpg 400w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101778\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-tres.jpg\" alt=\"\" width=\"1440\" height=\"799\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-tres.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-tres-1000x555.jpg 1000w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-tres-750x416.jpg 750w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-tres-400x222.jpg 400w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101771\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-2.jpg\" alt=\"\" width=\"1440\" height=\"799\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-2.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-2-1000x555.jpg 1000w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-2-750x416.jpg 750w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-2-400x222.jpg 400w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101764\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-1.jpg\" alt=\"\" width=\"1440\" height=\"2231\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-1.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-1-697x1080.jpg 697w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-1-581x900.jpg 581w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-1-645x1000.jpg 645w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-1-484x750.jpg 484w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-solution-hero-1-258x400.jpg 258w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101757\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-portfolio.jpg\" alt=\"\" width=\"1440\" height=\"1620\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-portfolio.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-portfolio-960x1080.jpg 960w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-portfolio-800x900.jpg 800w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-portfolio-889x1000.jpg 889w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-portfolio-667x750.jpg 667w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-portfolio-356x400.jpg 356w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101750\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-podcast.jpg\" alt=\"\" width=\"1440\" height=\"2132\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-podcast.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-podcast-729x1080.jpg 729w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-podcast-608x900.jpg 608w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-podcast-675x1000.jpg 675w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-podcast-507x750.jpg 507w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-podcast-270x400.jpg 270w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101743\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-modeul-home-team.jpg\" alt=\"\" width=\"1440\" height=\"1591\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-modeul-home-team.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-modeul-home-team-977x1080.jpg 977w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-modeul-home-team-815x900.jpg 815w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-modeul-home-team-905x1000.jpg 905w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-modeul-home-team-679x750.jpg 679w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-modeul-home-team-362x400.jpg 362w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101736\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-home.jpg\" alt=\"\" width=\"1427\" height=\"2896\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-home.jpg 1427w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-home-532x1080.jpg 532w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-home-443x900.jpg 443w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-home-493x1000.jpg 493w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-home-370x750.jpg 370w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-home-197x400.jpg 197w\" sizes=\"(max-width: 1427px) 100vw, 1427px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101728\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-contact.jpg\" alt=\"\" width=\"1440\" height=\"1571\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-contact.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-contact-990x1080.jpg 990w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-contact-825x900.jpg 825w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-contact-917x1000.jpg 917w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-contact-687x750.jpg 687w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-contact-367x400.jpg 367w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101721\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-about-hero.jpg\" alt=\"\" width=\"1440\" height=\"1600\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-about-hero.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-about-hero-972x1080.jpg 972w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-about-hero-810x900.jpg 810w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-about-hero-900x1000.jpg 900w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-about-hero-675x750.jpg 675w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/tresmares-about-hero-360x400.jpg 360w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-101714\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/Map-1.jpg\" alt=\"\" width=\"2400\" height=\"3120\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/Map-1.jpg 2400w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/Map-1-831x1080.jpg 831w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/Map-1-692x900.jpg 692w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/Map-1-769x1000.jpg 769w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/Map-1-577x750.jpg 577w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/Map-1-308x400.jpg 308w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/><\/p>\n<p>Das Entscheidende: Das Motion Design agiert nicht losgel\u00f6st, sondern bleibt der Markenidentit\u00e4t verpflichtet. Rot bleibt der Hauptakzent, die Typografie sachlich, Bewegung dient der Struktur \u2013 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\u00fcrlicher Teil des grafischen Systems.<\/p>\n<p>Eine klare Lehre f\u00fcr Visual Direction und UX\/UI: Komplexe Services m\u00fcssen nicht bis zur Beliebigkeit vereinfacht werden. Es l\u00e4sst sich eine Struktur gestalten, die Inhalte lesbarer, attraktiver und leichter zug\u00e4nglich macht. Die Oberfl\u00e4che muss nicht alles auf einmal erkl\u00e4ren \u2013 sie kann Rhythmus geben, Pausen schaffen, den Blick lenken und Inhalte gezielt inszenieren.<\/p>\n<p>Auch in puncto Markenidentit\u00e4t setzt Tresmares ein Zeichen: Statt auf generische Business-Fotos oder Stock-L\u00e4cheln zu setzen, wird Vertrauen \u00fcber die visuelle Sprache aufgebaut. Das ist kraftvoll. Eine durchdachte Komposition, eine konsistente Farbwelt und eine klare Typografie vermitteln mehr Solidit\u00e4t als viele institutionelle Floskeln.<\/p>\n<h2>Die Inspiration: weniger L\u00e4rm, mehr Pr\u00e4senz<\/h2>\n<p>Das Beste an diesem Beispiel: Es will nicht permanent \u201ekreativ\u201c wirken. Es hat Charakter, wei\u00df aber um die Kraft der Zur\u00fcckhaltung. Gerade im B2B-Webdesign \u2013 besonders in Finanz-, Rechts-, Industrie- oder Technologiebereichen \u2013 wird Pers\u00f6nlichkeit oft aus Angst vor Vertrauensverlust geopfert. Hier ist es umgekehrt: Pers\u00f6nlichkeit schafft Vertrauen, weil sie gezielt eingesetzt wird.<\/p>\n<p>Die Arbeit erinnert an einen wichtigen Punkt: Wert entsteht, bevor Details gelesen werden. Er beginnt bei der Komposition, der Farbwahl, der Typografiegr\u00f6\u00dfe, der Anordnung der Daten, der Bewegung der \u00dcberg\u00e4nge, der Atmosph\u00e4re des ersten Screens. Wirkt alles beliebig, erscheint auch das Angebot beliebig. Gibt es eine visuelle Handschrift, gewinnt das Gesch\u00e4ft an Pr\u00e4senz.<\/p>\n<p>F\u00fcr Marken mit komplexem Portfolio liegt die Inspiration darin, Inhalte wie eine Szene zu inszenieren \u2013 nicht wie ein Dokument. Dem Service die B\u00fchne geben. Zahlen als Vertrauenssignal nutzen. Motion f\u00fcr Rhythmus einsetzen. Eine wiedererkennbare Identit\u00e4t schaffen, ohne die Oberfl\u00e4che zu \u00fcberladen. Es geht nicht um mehr L\u00e4rm, sondern darum, dass jede visuelle Entscheidung eine klare Absicht hat.<\/p>\n<p>Und vielleicht ist das die wichtigste Erkenntnis: Eine B2B-Website kann pr\u00e4zise sein, ohne kalt zu wirken. Sie kann Kompetenz, Erfahrung und Stabilit\u00e4t vermitteln, ohne austauschbar zu erscheinen. Wenn das visuelle Konzept stimmt, ordnet die Oberfl\u00e4che nicht nur Informationen \u2013 sie pr\u00e4gt, wie eine Marke im Ged\u00e4chtnis bleibt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tresmares Capital tritt mit einer Selbstverst\u00e4ndlichkeit auf, die im Finanzsektor selten ist. Die Website verzichtet bewusst auf plakative Botschaften zu Vertrauen, Stabilit\u00e4t oder Erfahrung \u2013 das \u00fcbernimmt das Design. Viel Wei\u00dfraum, gro\u00dfz\u00fcgige Typografie, Rot als spannungsgeladener Akzent und eine Struktur, die komplexe Dienstleistungen \u00fcberraschend zug\u00e4nglich macht. Die Seite wirkt pr\u00e4sent, ohne \u00fcberladen zu sein. Jeder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":101681,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[686,658],"class_list":["post-101879","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-webdesign-webentwicklung"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o web para Tresmares Capital<\/title>\n<meta name=\"description\" content=\"Descubrimos la web de Tresmares Capital por Dgrees\u00ae, una experiencia digital financiera basada en tipograf\u00eda, motion y una jerarqu\u00eda visual muy clara.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o web para Tresmares Capital\" \/>\n<meta property=\"og:description\" content=\"Descubrimos la web de Tresmares Capital por Dgrees\u00ae, una experiencia digital financiera basada en tipograf\u00eda, motion y una jerarqu\u00eda visual muy clara.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-12T08:12:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Webdesign f\u00fcr eine Investmentfirma: Tresmares Capital von Dgrees\",\"datePublished\":\"2026-08-12T08:12:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/\"},\"wordCount\":1279,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"articleSection\":[\"Inspiration\",\"Webdesign und -entwicklung\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/\",\"name\":\"Dise\u00f1o web para Tresmares Capital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"datePublished\":\"2026-08-12T08:12:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Descubrimos la web de Tresmares Capital por Dgrees\u00ae, una experiencia digital financiera basada en tipograf\u00eda, motion y una jerarqu\u00eda visual muy clara.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"width\":1600,\"height\":1200},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o web para Tresmares Capital","description":"Descubrimos la web de Tresmares Capital por Dgrees\u00ae, una experiencia digital financiera basada en tipograf\u00eda, motion y una jerarqu\u00eda visual muy clara.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/","og_locale":"de_DE","og_type":"article","og_title":"Dise\u00f1o web para Tresmares Capital","og_description":"Descubrimos la web de Tresmares Capital por Dgrees\u00ae, una experiencia digital financiera basada en tipograf\u00eda, motion y una jerarqu\u00eda visual muy clara.","og_url":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/","og_site_name":"CODE","article_published_time":"2026-08-12T08:12:58+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Webdesign f\u00fcr eine Investmentfirma: Tresmares Capital von Dgrees","datePublished":"2026-08-12T08:12:58+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/"},"wordCount":1279,"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","articleSection":["Inspiration","Webdesign und -entwicklung"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/","url":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/","name":"Dise\u00f1o web para Tresmares Capital","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","datePublished":"2026-08-12T08:12:58+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Descubrimos la web de Tresmares Capital por Dgrees\u00ae, una experiencia digital financiera basada en tipograf\u00eda, motion y una jerarqu\u00eda visual muy clara.","inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-investmentgesellschaft-tresmares-capital-dgrees\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","width":1600,"height":1200},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/de\/#website","url":"https:\/\/codewebbarcelona.com\/de\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/101879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/comments?post=101879"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/101879\/revisions"}],"predecessor-version":[{"id":101881,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/101879\/revisions\/101881"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media\/101681"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media?parent=101879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/categories?post=101879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}