{"id":101876,"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:04","modified_gmt":"2026-08-07T08:29:04","slug":"design-web-societe-investissement-tresmares-capital-dgrees","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/","title":{"rendered":"Conception web pour une soci\u00e9t\u00e9 d\u2019investissement : Tresmares Capital par Dgrees"},"content":{"rendered":"<p>Tresmares Capital s\u2019impose d\u2019embl\u00e9e avec une assurance rare dans l\u2019univers financier. Inutile de saturer l\u2019interface de messages sur la confiance, la solidit\u00e9 ou l\u2019exp\u00e9rience : ici, c\u2019est la composition qui s\u2019en charge. Beaucoup d\u2019espace, une typographie imposante, le rouge comme tension visuelle, et une structure qui rend la navigation \u00e0 travers des services complexes \u00e9tonnamment fluide.<\/p>\n<p>Le site affirme sa pr\u00e9sence sans jamais tomber dans l\u2019exc\u00e8s. Chaque section semble calibr\u00e9e pour instaurer un sentiment de ma\u00eetrise : les donn\u00e9es s\u2019int\u00e8grent au design, les animations structurent sans distraire, et la hi\u00e9rarchie visuelle \u00e9vite l\u2019effet de pr\u00e9sentation corporate interminable. L\u2019ensemble oscille entre institutionnel et \u00e9ditorial, avec suffisamment de personnalit\u00e9 pour ne pas ressembler \u00e0 une \u00e9ni\u00e8me soci\u00e9t\u00e9 d\u2019investissement interchangeable.<\/p>\n<p>C\u2019est l\u00e0 tout l\u2019int\u00e9r\u00eat de cette r\u00e9alisation : elle ne cherche pas \u00e0 travestir la finance, mais \u00e0 la pr\u00e9senter avec une pr\u00e9cision visuelle accrue. Quand une marque B2B parvient \u00e0 aligner strat\u00e9gie, interface et animation, la complexit\u00e9 s\u2019all\u00e8ge et la valeur per\u00e7ue commence \u00e0 se construire avant m\u00eame d\u2019entrer dans le d\u00e9tail.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101876-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-101876-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 la finance avec une touche \u00e9ditoriale et une tension rouge<\/h2>\n<p>La premi\u00e8re impression est apaisante : fond clair, palette ma\u00eetris\u00e9e, respiration autour de chaque \u00e9l\u00e9ment. Mais tr\u00e8s vite, la tension s\u2019installe : blocs rouges, lignes noires, formes qui traversent la composition et une typographie sobre qui s\u2019impose sans artifice. Ce dialogue entre silence et geste graphique donne tout son caract\u00e8re \u00e0 l\u2019ensemble.<\/p>\n<h4>Une entr\u00e9e en mati\u00e8re, entre \u00e9chelle et paysage<\/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 ouverture sur paysage, \u00e9chelle et atmosph\u00e8re institutionnelle.<\/figcaption><\/figure>\n<p>Le choix du paysage fonctionne parce qu\u2019il \u00e9vite la m\u00e9taphore facile. La montagne n\u2019est pas l\u00e0 comme une carte postale inspirante, mais comme toile de fond : profondeur, horizon, perspective. Dans l\u2019investissement, cette sensation compte. Elle \u00e9voque la vision, la croissance, la capacit\u00e9 \u00e0 voir loin, sans avoir besoin de le marteler.<\/p>\n<p>L\u2019animation accompagne avec une cadence pos\u00e9e. Elle ne force pas l\u2019utilisateur, ne le bouscule pas. Elle laisse le titre respirer et transforme l\u2019\u00e9cran d\u2019accueil en v\u00e9ritable sc\u00e8ne. Ici, l\u2019animation a un r\u00f4le pr\u00e9cis : installer la pr\u00e9sence. Une soci\u00e9t\u00e9 financi\u00e8re gagne en valeur per\u00e7ue lorsque son entr\u00e9e digitale ne ressemble pas \u00e0 un simple template de services, mais \u00e0 une pi\u00e8ce avec sa propre atmosph\u00e8re.<\/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 le Direct Lending comme module \u00e9ditorial de service.<\/figcaption><\/figure>\n<p>Le module Direct Lending est sans doute la partie la plus int\u00e9ressante \u00e0 observer. La typographie occupe le centre, fa\u00e7on couverture \u00e9ditoriale. Pas d\u2019abus d\u2019ic\u00f4nes, ni d\u2019illustrations explicatives ou de textes fragment\u00e9s. Le nom du service s\u2019impose. Et quand le service s\u2019impose visuellement, la compr\u00e9hension s\u2019en trouve facilit\u00e9e : l\u2019utilisateur sait o\u00f9 il se trouve avant m\u00eame d\u2019entrer dans le d\u00e9tail.<\/p>\n<p>Le trio gris, noir et rouge forge une identit\u00e9 tr\u00e8s pr\u00e9cise. Le gris apporte fra\u00eecheur et stabilit\u00e9. Le noir structure la hi\u00e9rarchie. Le rouge insuffle \u00e9nergie, focalisation et une l\u00e9g\u00e8re tension visuelle qui \u00e9vite toute monotonie. Ce rouge n\u2019est pas d\u00e9coratif : il agit comme un accent de d\u00e9cision. Dans un secteur o\u00f9 la plupart des interfaces privil\u00e9gient le bleu rassurant, ce choix chromatique permet de se d\u00e9marquer sans perdre en s\u00e9rieux.<\/p>\n<p>La composition \u00e9voque presque l\u2019architecture : \u00e0 gauche, une navigation discr\u00e8te et un texte d\u2019accompagnement ; au centre, un titre fort et un geste graphique ; \u00e0 droite, des m\u00e9triques qui attestent de la solidit\u00e9. Rien ne cherche \u00e0 prendre le dessus. L\u2019\u00e9cran fonctionne par strates : d\u2019abord l\u2019identit\u00e9, puis le service, enfin la cr\u00e9dibilit\u00e9. Une s\u00e9quence particuli\u00e8rement pertinente pour toute marque B2B qui doit expliquer beaucoup sans transformer l\u2019interface en mur d\u2019informations.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101876-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-101876-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-101876-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>Les chiffres jouent un r\u00f4le cl\u00e9, sans jamais s\u2019imposer comme un bloc pesant de \u201cfaites-nous confiance\u201d. Ils s\u2019int\u00e8grent au rythme visuel. Ticket, EBITDA, actifs, \u00e9quipe : des donn\u00e9es qui donnent de l\u2019ampleur et du contexte, mais trait\u00e9es avec l\u00e9g\u00e8ret\u00e9 graphique. Plut\u00f4t qu\u2019un tableau, elles deviennent partie prenante de la direction artistique. Ce traitement change tout : la donn\u00e9e cesse d\u2019\u00eatre bureaucratique pour devenir un marqueur d\u2019autorit\u00e9.<\/p>\n<p>Le traitement du bouton est aussi r\u00e9v\u00e9lateur. L\u2019appel \u00e0 l\u2019action est discret, presque feutr\u00e9. Il ne rompt pas l\u2019\u00e9l\u00e9gance ni ne force la conversion par un contraste trop appuy\u00e9. C\u2019est coh\u00e9rent avec une exp\u00e9rience premium : tout n\u2019a pas besoin d\u2019\u00eatre urgent. La le\u00e7on \u00e0 retenir, c\u2019est l\u2019\u00e9quilibre. Une marque qui vise une g\u00e9n\u00e9ration de leads agressive devra soutenir davantage ses appels \u00e0 l\u2019action. Mais pour construire la confiance et qualifier l\u2019int\u00e9r\u00eat, cette retenue est un atout.<\/p>\n<h4>Des services qui s\u2019animent comme un syst\u00e8me visuel<\/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 panneaux de services avec motion graphique et navigation fluide.<\/figcaption><\/figure>\n<p>La deuxi\u00e8me s\u00e9quence d\u2019animation change l\u2019\u00e9nergie. Les services ne sont plus une simple liste, mais s\u2019organisent en syst\u00e8me. Grandes formes rouges, lignes fines, transitions entre p\u00f4les d\u2019investissement, impression de cartographie. Une fa\u00e7on \u00e9l\u00e9gante de rendre accessible ce qui pourrait sembler aride : strat\u00e9gies, produits financiers, cat\u00e9gories d\u2019investissement.<\/p>\n<p>Ce type d\u2019animation ajoute une couche d\u2019interaction l\u00e9g\u00e8re et pr\u00e9cieuse. L\u2019exp\u00e9rience ne devient pas ludique, mais gagne en rythme visuel. L\u2019utilisateur ne se contente pas de lire \u201cPrivate Equity\u201d ou \u201cDirect Lending\u201d : il ressent que chaque domaine a son propre poids dans un univers coh\u00e9rent. Cela favorise la m\u00e9morisation visuelle, surtout sur des sites aux services complexes o\u00f9 toutes les pages finissent souvent par se ressembler.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101876-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>L\u2019essentiel, c\u2019est que l\u2019animation ne s\u2019\u00e9mancipe jamais de l\u2019identit\u00e9. Le rouge reste le fil conducteur, la typographie conserve sa sobri\u00e9t\u00e9, et le mouvement vient renforcer l\u2019architecture plut\u00f4t que de la parasiter. Beaucoup de marques B2B \u00e9chouent ici : elles ajoutent des animations pour para\u00eetre innovantes, sans coh\u00e9rence avec leur discours. Chez Tresmares, le mouvement semble \u00e9maner naturellement du syst\u00e8me graphique.<\/p>\n<p>Une le\u00e7on claire pour la direction artistique et l\u2019UX\/UI : quand le service est complexe, il n\u2019est pas n\u00e9cessaire de l\u2019appauvrir \u00e0 force de simplification. On peut concevoir une structure qui le rende plus lisible, plus d\u00e9sirable, plus facile \u00e0 explorer. L\u2019interface n\u2019a pas \u00e0 tout expliquer d\u2019un coup ; elle peut instaurer un rythme, cr\u00e9er des respirations, guider le regard et transformer le contenu en s\u00e9quence pens\u00e9e.<\/p>\n<p>Autre point fort d\u2019identit\u00e9 : la marque ne s\u2019appuie pas sur des photos corporate g\u00e9n\u00e9riques ni sur des sourires de banque d\u2019images pour inspirer confiance. Elle construit la confiance \u00e0 travers son langage visuel. C\u2019est puissant. Une composition ma\u00eetris\u00e9e, une palette coh\u00e9rente et une hi\u00e9rarchie typographique claire transmettent plus de cr\u00e9dibilit\u00e9 que bien des slogans institutionnels.<\/p>\n<h2>Ce que cette r\u00e9f\u00e9rence inspire : moins de bruit, plus de pr\u00e9sence<\/h2>\n<p>Ce qui distingue cette r\u00e9alisation, c\u2019est qu\u2019elle ne cherche pas \u00e0 \u00eatre \u201ccr\u00e9ative\u201d \u00e0 tout prix. Elle a du caract\u00e8re, mais sait se retenir. Et cette retenue fait sa force. En web design B2B, notamment dans la finance, le juridique, l\u2019industrie ou la tech, la personnalit\u00e9 est souvent sacrifi\u00e9e par crainte de perdre en cr\u00e9dibilit\u00e9. Ici, c\u2019est l\u2019inverse : la personnalit\u00e9 renforce la confiance parce qu\u2019elle est ma\u00eetris\u00e9e.<\/p>\n<p>Cette pi\u00e8ce rappelle une chose essentielle : la valeur per\u00e7ue commence avant m\u00eame la lecture du d\u00e9tail. Elle na\u00eet de la composition, de la couleur, de la taille des caract\u00e8res, de l\u2019agencement des donn\u00e9es, du mouvement des transitions, de l\u2019atmosph\u00e8re de la premi\u00e8re impression. Si tout semble g\u00e9n\u00e9rique, le service le sera aussi. Si l\u2019exp\u00e9rience a une direction visuelle, l\u2019entreprise gagne en pr\u00e9sence.<\/p>\n<p>Pour une marque \u00e0 l\u2019offre complexe, l\u2019inspiration est d\u2019oser penser le contenu comme une sc\u00e8ne, pas comme un dossier. Mettre le service au centre. Utiliser la donn\u00e9e comme gage de confiance. Laisser l\u2019animation donner le rythme. Construire une identit\u00e9 forte sans saturer l\u2019\u00e9cran de ressources. Il ne s\u2019agit pas de faire plus de bruit, mais de donner du sens \u00e0 chaque choix visuel.<\/p>\n<p>C\u2019est peut-\u00eatre l\u00e0 la le\u00e7on la plus pr\u00e9cieuse : un site B2B peut \u00eatre pr\u00e9cis sans \u00eatre froid. Il peut valoriser expertise, exp\u00e9rience et solidit\u00e9 sans tomber dans l\u2019anonymat. Quand la direction artistique est juste, l\u2019interface ne se contente pas d\u2019organiser l\u2019information ; elle am\u00e9liore la fa\u00e7on dont la marque s\u2019imprime dans les esprits.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tresmares Capital s\u2019impose d\u2019embl\u00e9e avec une assurance rare dans l\u2019univers financier. Inutile de saturer l\u2019interface de messages sur la confiance, la solidit\u00e9 ou l\u2019exp\u00e9rience : ici, c\u2019est la composition qui s\u2019en charge. Beaucoup d\u2019espace, une typographie imposante, le rouge comme tension visuelle, et une structure qui rend la navigation \u00e0 travers des services complexes \u00e9tonnamment [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":101680,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[495,497],"class_list":["post-101876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conception-developpement-web","category-inspiration"],"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\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/design-web-societe-investissement-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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Conception web pour une soci\u00e9t\u00e9 d\u2019investissement : Tresmares Capital par Dgrees\",\"datePublished\":\"2026-08-12T08:12:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/\"},\"wordCount\":1601,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"articleSection\":[\"Conception et d\u00e9veloppement web\",\"Inspiration\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/\",\"name\":\"Dise\u00f1o web para Tresmares Capital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-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\\\/fr\\\/#\\\/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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-tresmares-capital-dgrees\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-web-societe-investissement-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\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/","og_locale":"fr_FR","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\/fr\/design-web-societe-investissement-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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Conception web pour une soci\u00e9t\u00e9 d\u2019investissement : Tresmares Capital par Dgrees","datePublished":"2026-08-12T08:12:58+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/"},"wordCount":1601,"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","articleSection":["Conception et d\u00e9veloppement web","Inspiration"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/","url":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/","name":"Dise\u00f1o web para Tresmares Capital","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-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\/fr\/#\/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":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-tresmares-capital-dgrees\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/codewebbarcelona.com\/fr\/design-web-societe-investissement-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\/fr\/#website","url":"https:\/\/codewebbarcelona.com\/fr\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/posts\/101876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/comments?post=101876"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/101876\/revisions"}],"predecessor-version":[{"id":101878,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/101876\/revisions\/101878"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media\/101680"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media?parent=101876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/categories?post=101876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}