{"id":101870,"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:28:13","modified_gmt":"2026-08-07T08:28:13","slug":"disseny-web-firma-inversio-tresmares-capital-dgrees","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/","title":{"rendered":"Disseny web per a una firma d\u2019inversi\u00f3: Tresmares Capital per Dgrees"},"content":{"rendered":"<p>Tresmares Capital aterra a la pantalla amb una seguretat poc habitual en el sector financer. No necessita omplir la interf\u00edcie de missatges sobre confian\u00e7a, solidesa o experi\u00e8ncia: deixa que el disseny faci aquesta feina. Molt espai, tipografia gran, vermell com a gest de tensi\u00f3 i una estructura que fa que serveis complexos siguin molt m\u00e9s accessibles.<\/p>\n<p>El web t\u00e9 pres\u00e8ncia sense resultar aparat\u00f3s. Cada bloc sembla pensat per transmetre control: dades integrades en el disseny, animacions que ordenen en comptes de distreure i una jerarquia que evita l\u2019aspecte de presentaci\u00f3 corporativa interminable. El resultat es mou entre l\u2019institucional i l\u2019editorial, amb prou personalitat per no semblar una firma d\u2019inversi\u00f3 m\u00e9s.<\/p>\n<p>Aqu\u00ed rau l\u2019inter\u00e8s d\u2019aquesta refer\u00e8ncia. No intenta disfressar les finances, sin\u00f3 mostrar-les amb m\u00e9s precisi\u00f3 visual. Quan una marca B2B aconsegueix que estrat\u00e8gia, interf\u00edcie i motion treballin en la mateixa direcci\u00f3, la complexitat pesa menys i la percepci\u00f3 de valor es construeix abans d\u2019entrar en el detall.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101870-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-101870-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 finances amb pols editorial i tensi\u00f3 vermella<\/h2>\n<p>La primera impressi\u00f3 \u00e9s de calma. Fons clar, paleta continguda, espai al voltant de cada element. Per\u00f2 de seguida apareix la tensi\u00f3: blocs vermells, l\u00ednies negres, formes que travessen la composici\u00f3 i una tipografia s\u00f2bria que no necessita ornaments per dominar la pantalla. Aquesta combinaci\u00f3 de silenci i gest gr\u00e0fic \u00e9s el que dona car\u00e0cter a la pe\u00e7a.<\/p>\n<h4>Un inici amb escala i paisatge<\/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 obertura amb paisatge, escala i atmosfera institucional.<\/figcaption><\/figure>\n<p>El recurs del paisatge funciona perqu\u00e8 no cau en la met\u00e0fora f\u00e0cil. La muntanya no hi \u00e9s com a postal motivacional, sin\u00f3 com a fons d\u2019escala: profunditat, horitz\u00f3, recorregut. En una marca d\u2019inversi\u00f3, aquesta sensaci\u00f3 importa. Parla de perspectiva, de creixement i de mirada llarga sense haver-ho d\u2019escriure en maj\u00fascules.<\/p>\n<p>El motion acompanya amb una cad\u00e8ncia tranquil\u00b7la. No empeny l\u2019usuari, no l\u2019atropella. Deixa respirar el titular i converteix la primera pantalla en una escena. Aqu\u00ed l\u2019animaci\u00f3 t\u00e9 una funci\u00f3 clara: donar pres\u00e8ncia. Una firma financera pot guanyar molta percepci\u00f3 de valor quan la seva entrada digital no sembla una plantilla de serveis, sin\u00f3 una pe\u00e7a amb atmosfera pr\u00f2pia.<\/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 com a m\u00f2dul editorial de servei.<\/figcaption><\/figure>\n<p>El m\u00f2dul de Direct Lending \u00e9s probablement la pe\u00e7a m\u00e9s interessant per observar amb calma. La tipografia ocupa el centre com si fos una portada editorial. No hi ha una depend\u00e8ncia excessiva d\u2019icones, il\u00b7lustracions explicatives ni blocs de text fragmentats. El nom del servei mana. I quan el servei mana visualment, la comprensi\u00f3 millora: l\u2019usuari sap on \u00e9s abans d\u2019entrar en el detall.<\/p>\n<p>La combinaci\u00f3 de gris, negre i vermell construeix una identitat molt precisa. El gris aporta fredor i estabilitat. El negre fixa la jerarquia. El vermell introdueix energia, focus i una lleu incomoditat visual que evita que tot sigui pla. Aquest vermell no \u00e9s decoratiu: actua com a accent de decisi\u00f3. En sectors on la majoria d\u2019interf\u00edcies tendeixen al blau de seguretat, aquesta elecci\u00f3 crom\u00e0tica ajuda a diferenciar sense perdre serietat.<\/p>\n<p>La composici\u00f3 t\u00e9 un punt gaireb\u00e9 arquitect\u00f2nic. A l\u2019esquerra, navegaci\u00f3 discreta i text de suport. Al centre, gran titular i gest gr\u00e0fic. A la dreta, m\u00e8triques que entren com a prova de solidesa. Res no competeix en exc\u00e9s. La pantalla treballa per capes: primer identitat, despr\u00e9s servei, finalment credibilitat. \u00c9s una seq\u00fc\u00e8ncia molt \u00fatil per a qualsevol marca B2B que necessiti explicar molt sense convertir la interf\u00edcie en un mur d\u2019informaci\u00f3.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101870-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-101870-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-101870-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 xifres tenen un paper clau perqu\u00e8 no apareixen com un bloc pesat de \u201cconfia en nosaltres\u201d. S\u2019integren en el ritme visual. Ticket, EBITDA, actius, equip: dades que donen dimensi\u00f3 operativa i context comercial, per\u00f2 tractades amb lleugeresa gr\u00e0fica. En comptes de semblar una taula, formen part de la direcci\u00f3 visual. Aquesta difer\u00e8ncia canvia la percepci\u00f3: la dada deixa de ser burocr\u00e0tica i es converteix en un senyal d\u2019autoritat.<\/p>\n<p>Tamb\u00e9 destaca la decisi\u00f3 en el tractament del bot\u00f3. La crida a l\u2019acci\u00f3 \u00e9s petita, gaireb\u00e9 discreta. No trenca l\u2019eleg\u00e0ncia ni for\u00e7a la conversi\u00f3 amb un contrast exagerat. T\u00e9 sentit en una experi\u00e8ncia de to premium: no tot ha de semblar urgent. Tot i aix\u00ed, la lli\u00e7\u00f3 pr\u00e0ctica \u00e9s l\u2019equilibri. Si una marca vol captar leads de manera agressiva, necessitar\u00e0 m\u00e9s suports. Si vol construir confian\u00e7a i qualificar l\u2019inter\u00e8s, aquesta contenci\u00f3 pot ser un avantatge.<\/p>\n<h4>Serveis que es mouen com un 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 panells de serveis amb motion gr\u00e0fic i navegaci\u00f3 fluida.<\/figcaption><\/figure>\n<p>El segon moment de motion canvia l\u2019energia. Els serveis deixen de ser un simple llistat i passen a funcionar com un sistema. Grans formes vermelles, l\u00ednies fines, transicions entre \u00e0rees d\u2019inversi\u00f3, sensaci\u00f3 de mapa. \u00c9s una manera elegant de fer navegable all\u00f2 que podria ser \u00e0rid: estrat\u00e8gies, productes financers, categories d\u2019inversi\u00f3.<\/p>\n<p>Aquest tipus d\u2019animaci\u00f3 aporta una capa d\u2019interacci\u00f3 lleugera molt valuosa. No converteix l\u2019experi\u00e8ncia en un joc, per\u00f2 s\u00ed que li dona ritme visual. L\u2019usuari no nom\u00e9s llegeix \u201cPrivate Equity\u201d o \u201cDirect Lending\u201d; sent que cada \u00e0rea t\u00e9 pes propi dins d\u2019un univers com\u00fa. Aix\u00f2 ajuda a crear mem\u00f2ria visual, sobretot en webs amb serveis complexos on totes les p\u00e0gines solen assemblar-se massa entre elles.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101870-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 clau \u00e9s que el motion no va per lliure. Respecta la identitat. Mant\u00e9 el vermell com a gest principal, conserva la tipografia s\u00f2bria i utilitza el moviment per refor\u00e7ar l\u2019arquitectura, no per distreure. Moltes marques B2B fallen aqu\u00ed: afegeixen animacions per semblar m\u00e9s avan\u00e7ades, per\u00f2 sense connexi\u00f3 amb el discurs. A Tresmares, el moviment sembla sorgir del propi sistema gr\u00e0fic.<\/p>\n<p>Hi ha una lli\u00e7\u00f3 clara per a la direcci\u00f3 visual i el disseny UX\/UI: si el servei \u00e9s complex, no cal simplificar-lo fins a deixar-lo sense matisos. Es pot dissenyar una estructura que el faci m\u00e9s llegible, m\u00e9s atractiu i m\u00e9s f\u00e0cil de rec\u00f3rrer. La interf\u00edcie no ha d\u2019explicar-ho tot de cop; pot marcar un ritme, crear pauses, guiar la mirada i convertir el contingut en una seq\u00fc\u00e8ncia amb intenci\u00f3.<\/p>\n<p>Tamb\u00e9 hi ha un punt d\u2019identitat interessant: la marca no es recolza en fotografies corporatives gen\u00e8riques ni en somriures de stock per transmetre confian\u00e7a. La confian\u00e7a es construeix des del llenguatge visual. Aix\u00f2 \u00e9s realment potent. Una composici\u00f3 ben controlada, una paleta coherent i una jerarquia tipogr\u00e0fica clara poden comunicar m\u00e9s solv\u00e8ncia que moltes frases institucionals repetides.<\/p>\n<h2>La inspiraci\u00f3 que deixa: menys soroll, m\u00e9s pres\u00e8ncia<\/h2>\n<p>El millor d\u2019aquesta refer\u00e8ncia \u00e9s que no intenta ser \u201ccreativa\u201d constantment. T\u00e9 car\u00e0cter, per\u00f2 sap contenir-se. I aquesta contenci\u00f3 \u00e9s part de la seva for\u00e7a. En el disseny web B2B, especialment en sectors financers, legals, industrials o tecnol\u00f2gics, la personalitat sovint es sacrifica per por a perdre confian\u00e7a. Aqu\u00ed passa just el contrari: la personalitat refor\u00e7a la confian\u00e7a perqu\u00e8 est\u00e0 ben dirigida.<\/p>\n<p>La pe\u00e7a recorda una cosa important: la percepci\u00f3 de valor comen\u00e7a abans de llegir el detall. Comen\u00e7a en la composici\u00f3, en el color, en la mida de la tipografia, en com s\u2019ordenen les dades, en com es mou una transici\u00f3, en l\u2019atmosfera que deixa la primera pantalla. Si tot sembla gen\u00e8ric, el servei tamb\u00e9 es percep gen\u00e8ric. Si l\u2019experi\u00e8ncia t\u00e9 direcci\u00f3 visual, el negoci guanya pres\u00e8ncia.<\/p>\n<p>Per a una marca amb una oferta complexa, la inspiraci\u00f3 \u00e9s atrevir-se a dissenyar el contingut com una escena, no com un document. Donar protagonisme al servei. Utilitzar la dada com a senyal de confian\u00e7a. Deixar que el motion aporti ritme. Construir una identitat reconeixible sense saturar la pantalla de recursos. No es tracta de fer m\u00e9s soroll; es tracta que cada decisi\u00f3 visual tingui intenci\u00f3.<\/p>\n<p>I potser aquesta sigui la idea m\u00e9s \u00fatil: una web B2B pot ser precisa sense ser freda. Pot transmetre capacitat, experi\u00e8ncia i solidesa sense semblar intercanviable. Quan la direcci\u00f3 visual est\u00e0 ben pensada, la interf\u00edcie no nom\u00e9s organitza informaci\u00f3; millora la manera com una marca \u00e9s recordada.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tresmares Capital aterra a la pantalla amb una seguretat poc habitual en el sector financer. No necessita omplir la interf\u00edcie de missatges sobre confian\u00e7a, solidesa o experi\u00e8ncia: deixa que el disseny faci aquesta feina. Molt espai, tipografia gran, vermell com a gest de tensi\u00f3 i una estructura que fa que serveis complexos siguin molt m\u00e9s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":101678,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-101870","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio"],"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\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\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\/ca\/disseny-web-firma-inversio-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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web per a una firma d\u2019inversi\u00f3: Tresmares Capital per Dgrees\",\"datePublished\":\"2026-08-12T08:12:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/\"},\"wordCount\":1503,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/\",\"name\":\"Dise\u00f1o web para Tresmares Capital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-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\\\/ca\\\/#\\\/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\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-tresmares-capital-dgrees\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-firma-inversio-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\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@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\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/","og_locale":"ca_ES","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\/ca\/disseny-web-firma-inversio-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":{"Escrit per":"cd26Bc","Temps estimat de lectura":"9 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web per a una firma d\u2019inversi\u00f3: Tresmares Capital per Dgrees","datePublished":"2026-08-12T08:12:58+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/"},"wordCount":1503,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/","url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/","name":"Dise\u00f1o web para Tresmares Capital","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-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\/ca\/#\/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":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-tresmares-capital-dgrees\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-firma-inversio-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\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@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\/ca\/wp-json\/wp\/v2\/posts\/101870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=101870"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/101870\/revisions"}],"predecessor-version":[{"id":101872,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/101870\/revisions\/101872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/101678"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=101870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=101870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}