{"id":101882,"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:30:09","modified_gmt":"2026-08-07T08:30:09","slug":"web-design-societa-investimento-tresmares-capital-dgrees","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/","title":{"rendered":"Design web per una societ\u00e0 di investimento: Tresmares Capital by Dgrees"},"content":{"rendered":"<p>Tresmares Capital entra en pantalla con una seguridad poco habitual en el sector financiero. No necesita llenar la interfaz de mensajes sobre confianza, solidez o experiencia: deja que la composici\u00f3n haga ese trabajo. Mucho aire, tipograf\u00eda grande, rojo como gesto de tensi\u00f3n y una estructura que convierte servicios complejos en algo bastante m\u00e1s f\u00e1cil de recorrer.<\/p>\n<p>La web tiene presencia sin volverse aparatosa. Cada bloque parece medido para sostener una sensaci\u00f3n de control: datos que aparecen como parte del dise\u00f1o, animaciones que ordenan en lugar de distraer y una jerarqu\u00eda que evita el aspecto de presentaci\u00f3n corporativa interminable. El resultado se mueve entre lo institucional y lo editorial, con suficiente personalidad para no parecer otra firma de inversi\u00f3n intercambiable.<\/p>\n<p>Ah\u00ed est\u00e1 lo interesante de esta referencia. No intenta hacer que las finanzas parezcan otra cosa, sino presentarlas con m\u00e1s precisi\u00f3n visual. Cuando una marca B2B consigue que estrategia, interfaz y motion trabajen en la misma direcci\u00f3n, la complejidad pesa menos y la percepci\u00f3n de valor empieza a construirse antes incluso de entrar en el detalle.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101882-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-101882-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 finanzas con pulso editorial y tensi\u00f3n roja<\/h2>\n<p>La primera lectura es de calma. Fondo claro, paleta contenida, aire alrededor de cada elemento. Pero enseguida aparece la tensi\u00f3n: bloques rojos, l\u00edneas negras, formas que atraviesan la composici\u00f3n y una tipograf\u00eda sobria que no necesita adornos para dominar la pantalla. Esa mezcla entre silencio y gesto gr\u00e1fico es lo que da car\u00e1cter a la pieza.<\/p>\n<h4>Un inicio con escala y paisaje<\/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 apertura con paisaje, escala y atm\u00f3sfera institucional.<\/figcaption><\/figure>\n<p>El recurso del paisaje funciona porque no cae en la met\u00e1fora f\u00e1cil. La monta\u00f1a no est\u00e1 ah\u00ed como postal motivacional, sino como fondo de escala: profundidad, horizonte, recorrido. En una marca de inversi\u00f3n, esa sensaci\u00f3n importa. Habla de perspectiva, de crecimiento y de mirada larga sin tener que escribirlo en may\u00fasculas.<\/p>\n<p>El motion acompa\u00f1a con una cadencia tranquila. No empuja al usuario, no lo atropella. Deja respirar el titular y convierte la primera pantalla en una escena. Aqu\u00ed la animaci\u00f3n tiene una funci\u00f3n clara: dar presencia. Una firma financiera puede ganar mucha percepci\u00f3n de valor cuando su entrada digital no parece una plantilla de servicios, sino una pieza con atm\u00f3sfera propia.<\/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 como m\u00f3dulo editorial de servicio.<\/figcaption><\/figure>\n<p>El m\u00f3dulo de Direct Lending es probablemente la pieza m\u00e1s jugosa para mirar con calma. La tipograf\u00eda ocupa el centro como si fuera una portada editorial. No hay una dependencia excesiva de iconos, ilustraciones explicativas ni bloques de texto fragmentados. El nombre del servicio manda. Y cuando el servicio manda visualmente, la comprensi\u00f3n mejora: el usuario sabe d\u00f3nde est\u00e1 antes de entrar en el detalle.<\/p>\n<p>La combinaci\u00f3n de gris, negro y rojo construye una identidad muy precisa. El gris enfr\u00eda y estabiliza. El negro fija jerarqu\u00eda. El rojo introduce energ\u00eda, foco y una peque\u00f1a incomodidad visual que evita que todo se vuelva plano. Ese rojo no parece decorativo: act\u00faa como acento de decisi\u00f3n. En sectores donde la mayor\u00eda de interfaces tienden al azul seguridad, esta elecci\u00f3n crom\u00e1tica ayuda a diferenciar sin perder seriedad.<\/p>\n<p>La composici\u00f3n tiene algo casi arquitect\u00f3nico. A la izquierda, navegaci\u00f3n discreta y texto de apoyo. En el centro, gran titular y gesto gr\u00e1fico. A la derecha, m\u00e9tricas que entran como prueba de solidez. Nada parece competir demasiado. La pantalla trabaja por capas: primero identidad, luego servicio, despu\u00e9s credibilidad. Es una secuencia muy \u00fatil para cualquier marca B2B que necesite explicar mucho sin convertir la interfaz en una pared de informaci\u00f3n.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101882-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-101882-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-101882-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>Las cifras cumplen un papel importante porque no aparecen como un bloque pesado de \u201cconf\u00eda en nosotros\u201d. Est\u00e1n integradas en el ritmo visual. Ticket, EBITDA, activos, equipo: datos que dan tama\u00f1o operativo y contexto comercial, pero tratados con ligereza gr\u00e1fica. En vez de parecer una tabla, parecen parte de la direcci\u00f3n visual. Esa diferencia cambia la percepci\u00f3n: el dato deja de ser burocr\u00e1tico y empieza a funcionar como se\u00f1al de autoridad.<\/p>\n<p>Tambi\u00e9n hay una decisi\u00f3n interesante en el tratamiento del bot\u00f3n. La llamada a la acci\u00f3n es peque\u00f1a, casi silenciosa. No rompe la elegancia ni fuerza la conversi\u00f3n a base de contraste exagerado. Esto tiene sentido en una experiencia de tono premium: no todo debe parecer urgente. Aun as\u00ed, la lecci\u00f3n pr\u00e1ctica est\u00e1 en el equilibrio. Si una marca quiere generar leads de forma agresiva, necesitar\u00e1 m\u00e1s apoyos. Si quiere construir confianza y cualificar el inter\u00e9s, esta contenci\u00f3n puede ser una ventaja.<\/p>\n<h4>Servicios que se mueven como sistema visual<\/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 paneles de servicios con motion gr\u00e1fico y navegaci\u00f3n fluida.<\/figcaption><\/figure>\n<p>El segundo momento de motion cambia la energ\u00eda. Los servicios dejan de sentirse como un listado y pasan a comportarse como un sistema. Grandes formas rojas, l\u00edneas finas, transici\u00f3n entre \u00e1reas de inversi\u00f3n, sensaci\u00f3n de mapa. Es una manera bastante elegante de hacer navegable algo que podr\u00eda ser \u00e1rido: estrategias, productos financieros, categor\u00edas de inversi\u00f3n.<\/p>\n<p>Este tipo de animaci\u00f3n aporta una capa de interacci\u00f3n ligera muy valiosa. No convierte la experiencia en un juego, pero s\u00ed le da ritmo visual. El usuario no solo lee \u201cPrivate Equity\u201d o \u201cDirect Lending\u201d; siente que cada \u00e1rea tiene peso propio dentro de un universo com\u00fan. Eso ayuda a crear memoria visual, sobre todo en webs con servicios complejos donde todas las p\u00e1ginas suelen parecerse demasiado entre s\u00ed.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101882-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>La clave est\u00e1 en que el motion no va por libre. Respeta la identidad. Mantiene el rojo como gesto principal, conserva la tipograf\u00eda sobria y utiliza el movimiento para reforzar arquitectura, no para distraer. Muchas marcas B2B fallan aqu\u00ed: a\u00f1aden animaciones para parecer m\u00e1s avanzadas, pero sin relaci\u00f3n con el discurso. En Tresmares, el movimiento parece nacer del propio sistema gr\u00e1fico.<\/p>\n<p>Hay una lecci\u00f3n clara para direcci\u00f3n visual y UX\/UI: si el servicio es complejo, no hace falta simplificarlo hasta dejarlo sin matices. Se puede dise\u00f1ar una estructura que lo haga m\u00e1s legible, m\u00e1s deseable y m\u00e1s f\u00e1cil de recorrer. La interfaz no tiene que explicarlo todo a la vez; puede marcar un ritmo, crear pausas, conducir la mirada y convertir el contenido en una secuencia con intenci\u00f3n.<\/p>\n<p>Tambi\u00e9n hay un punto de identidad interesante: la marca no se apoya en fotograf\u00edas corporativas gen\u00e9ricas ni en sonrisas de stock para transmitir confianza. Construye confianza desde el lenguaje visual. Eso es bastante potente. Una composici\u00f3n bien controlada, una paleta coherente y una jerarqu\u00eda tipogr\u00e1fica clara pueden comunicar m\u00e1s solvencia que muchas frases institucionales repetidas.<\/p>\n<h2>La inspiraci\u00f3n que deja: menos ruido, m\u00e1s presencia<\/h2>\n<p>Lo mejor de esta referencia es que no intenta parecer \u201ccreativa\u201d todo el rato. Tiene car\u00e1cter, pero sabe contenerse. Y esa contenci\u00f3n es parte de su fuerza. En dise\u00f1o web B2B, especialmente en sectores financieros, legales, industriales o tecnol\u00f3gicos, la personalidad suele sacrificarse por miedo a perder confianza. Aqu\u00ed ocurre lo contrario: la personalidad aumenta la confianza porque est\u00e1 dirigida con criterio.<\/p>\n<p>La pieza recuerda algo importante: la percepci\u00f3n de valor empieza antes de leer el detalle. Empieza en la composici\u00f3n, en el color, en el tama\u00f1o de la tipograf\u00eda, en c\u00f3mo se ordenan los datos, en c\u00f3mo se mueve una transici\u00f3n, en la atm\u00f3sfera que deja la primera pantalla. Si todo parece gen\u00e9rico, el servicio tambi\u00e9n se percibe gen\u00e9rico. Si la experiencia tiene direcci\u00f3n visual, el negocio gana presencia.<\/p>\n<p>Para una marca con una oferta compleja, la inspiraci\u00f3n est\u00e1 en atreverse a dise\u00f1ar el contenido como una escena, no como un documento. Dar protagonismo al servicio. Usar el dato como se\u00f1al de confianza. Dejar que el motion aporte ritmo. Construir una identidad reconocible sin llenar la pantalla de recursos. No se trata de hacer m\u00e1s ruido; se trata de que cada decisi\u00f3n visual tenga intenci\u00f3n.<\/p>\n<p>Y quiz\u00e1 esa sea la idea m\u00e1s \u00fatil para llevarse: una web B2B puede ser precisa sin volverse fr\u00eda. Puede vender capacidad, experiencia y solidez sin parecer intercambiable. Cuando la direcci\u00f3n visual est\u00e1 bien pensada, la interfaz no solo organiza informaci\u00f3n; mejora la forma en que una marca es recordada.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tresmares Capital entra en pantalla con una seguridad poco habitual en el sector financiero. No necesita llenar la interfaz de mensajes sobre confianza, solidez o experiencia: deja que la composici\u00f3n haga ese trabajo. Mucho aire, tipograf\u00eda grande, rojo como gesto de tensi\u00f3n y una estructura que convierte servicios complejos en algo bastante m\u00e1s f\u00e1cil de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":101682,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[480],"class_list":["post-101882","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria"],"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\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\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\/it\/web-design-societa-investimento-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\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Design web per una societ\u00e0 di investimento: Tresmares Capital by Dgrees\",\"datePublished\":\"2026-08-12T08:12:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/\"},\"wordCount\":1535,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"articleSection\":[\"Senza categoria\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/\",\"name\":\"Dise\u00f1o web para Tresmares Capital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-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\\\/it\\\/#\\\/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\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-tresmares-capital-dgrees\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/web-design-societa-investimento-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\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@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\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/","og_locale":"it_IT","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\/it\/web-design-societa-investimento-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\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Design web per una societ\u00e0 di investimento: Tresmares Capital by Dgrees","datePublished":"2026-08-12T08:12:58+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/"},"wordCount":1535,"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","articleSection":["Senza categoria"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/","url":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/","name":"Dise\u00f1o web para Tresmares Capital","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-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\/it\/#\/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":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-tresmares-capital-dgrees\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/codewebbarcelona.com\/it\/web-design-societa-investimento-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\/it\/#website","url":"https:\/\/codewebbarcelona.com\/it\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"it-IT","@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\/it\/wp-json\/wp\/v2\/posts\/101882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/comments?post=101882"}],"version-history":[{"count":1,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/101882\/revisions"}],"predecessor-version":[{"id":101883,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/101882\/revisions\/101883"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media\/101682"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media?parent=101882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/categories?post=101882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}