{"id":101884,"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:27","modified_gmt":"2026-08-07T08:30:27","slug":"web-design-sociedade-investimento-tresmares-capital-dgrees","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/","title":{"rendered":"Design web para uma firma de investimento: Tresmares Capital por Dgrees"},"content":{"rendered":"<p>Tresmares Capital surge no ecr\u00e3 com uma confian\u00e7a pouco habitual no sector financeiro. N\u00e3o precisa de encher a interface com mensagens sobre confian\u00e7a, solidez ou experi\u00eancia: deixa que o pr\u00f3prio design fale por si. Muito espa\u00e7o em branco, tipografia de grande dimens\u00e3o, vermelho como sinal de tens\u00e3o e uma estrutura que torna servi\u00e7os complexos surpreendentemente f\u00e1ceis de explorar.<\/p>\n<p>O site imp\u00f5e-se sem ser pesado. Cada bloco parece pensado ao mil\u00edmetro para transmitir controlo: dados integrados no layout, anima\u00e7\u00f5es que organizam em vez de distrair e uma hierarquia que evita o efeito de apresenta\u00e7\u00e3o corporativa intermin\u00e1vel. O resultado oscila entre o institucional e o editorial, com personalidade suficiente para n\u00e3o ser apenas mais uma consultora de investimento.<\/p>\n<p>\u00c9 aqui que esta refer\u00eancia se destaca. N\u00e3o tenta disfar\u00e7ar as finan\u00e7as, mas sim apresent\u00e1-las com rigor visual. Quando uma marca B2B consegue alinhar estrat\u00e9gia, interface e motion, a complexidade deixa de pesar e a perce\u00e7\u00e3o de valor come\u00e7a a formar-se ainda antes de se entrar nos detalhes.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101884-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-101884-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 finan\u00e7as com pulso editorial e tens\u00e3o vermelha<\/h2>\n<p>A primeira impress\u00e3o \u00e9 de serenidade. Fundo claro, paleta contida, espa\u00e7o em redor de cada elemento. Mas rapidamente surge a tens\u00e3o: blocos vermelhos, linhas pretas, formas que atravessam a composi\u00e7\u00e3o e uma tipografia s\u00f3bria que domina o ecr\u00e3 sem precisar de ornamentos. \u00c9 este equil\u00edbrio entre sil\u00eancio e gesto gr\u00e1fico que d\u00e1 car\u00e1cter ao projeto.<\/p>\n<h4>Um arranque com escala e paisagem<\/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 abertura com paisagem, escala e atmosfera institucional.<\/figcaption><\/figure>\n<p>O recurso \u00e0 paisagem resulta porque evita a met\u00e1fora f\u00e1cil. A montanha n\u00e3o est\u00e1 ali como postal motivacional, mas como fundo de escala: profundidade, horizonte, percurso. Numa marca de investimento, essa sensa\u00e7\u00e3o \u00e9 relevante. Fala de perspetiva, crescimento e vis\u00e3o de longo prazo sem precisar de o escrever em letras mai\u00fasculas.<\/p>\n<p>O motion acompanha com cad\u00eancia tranquila. N\u00e3o empurra o utilizador, n\u00e3o atropela. D\u00e1 espa\u00e7o ao t\u00edtulo e transforma o primeiro ecr\u00e3 numa cena. Aqui, a anima\u00e7\u00e3o tem um papel claro: dar presen\u00e7a. Uma consultora financeira ganha muito em valor percebido quando a sua entrada digital n\u00e3o parece um template de servi\u00e7os, mas sim uma pe\u00e7a com atmosfera pr\u00f3pria.<\/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 servi\u00e7o.<\/figcaption><\/figure>\n<p>O m\u00f3dulo de Direct Lending \u00e9 provavelmente o elemento mais interessante para analisar com aten\u00e7\u00e3o. A tipografia assume o centro do palco, como se fosse uma capa editorial. N\u00e3o h\u00e1 depend\u00eancia excessiva de \u00edcones, ilustra\u00e7\u00f5es explicativas ou blocos de texto fragmentados. O nome do servi\u00e7o imp\u00f5e-se. E quando o servi\u00e7o lidera visualmente, a compreens\u00e3o \u00e9 imediata: o utilizador sabe onde est\u00e1 antes de aprofundar.<\/p>\n<p>A combina\u00e7\u00e3o de cinzento, preto e vermelho constr\u00f3i uma identidade muito precisa. O cinzento arrefece e estabiliza. O preto define a hierarquia. O vermelho traz energia, foco e uma ligeira tens\u00e3o visual que impede que tudo se torne mon\u00f3tono. Esse vermelho n\u00e3o \u00e9 decorativo: funciona como acento de decis\u00e3o. Num sector onde quase todas as interfaces optam pelo azul da seguran\u00e7a, esta escolha crom\u00e1tica diferencia sem perder seriedade.<\/p>\n<p>A composi\u00e7\u00e3o tem algo de arquitet\u00f3nico. \u00c0 esquerda, navega\u00e7\u00e3o discreta e texto de apoio. Ao centro, grande t\u00edtulo e gesto gr\u00e1fico. \u00c0 direita, m\u00e9tricas que surgem como prova de solidez. Nada compete em excesso. O ecr\u00e3 trabalha por camadas: primeiro identidade, depois servi\u00e7o, por fim credibilidade. Uma sequ\u00eancia muito eficaz para qualquer marca B2B que precise de explicar muito sem transformar a interface numa parede de informa\u00e7\u00e3o.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101884-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-101884-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-101884-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>Os n\u00fameros t\u00eam um papel relevante porque n\u00e3o surgem como um bloco pesado de \u201cconfie em n\u00f3s\u201d. Est\u00e3o integrados no ritmo visual. Ticket, EBITDA, ativos, equipa: dados que transmitem dimens\u00e3o operacional e contexto comercial, mas tratados com leveza gr\u00e1fica. Em vez de parecerem uma tabela, fazem parte da dire\u00e7\u00e3o visual. Essa diferen\u00e7a muda a perce\u00e7\u00e3o: o dado deixa de ser burocr\u00e1tico e passa a ser sinal de autoridade.<\/p>\n<p>H\u00e1 tamb\u00e9m uma escolha interessante no tratamento do bot\u00e3o. A chamada para a\u00e7\u00e3o \u00e9 discreta, quase silenciosa. N\u00e3o quebra a eleg\u00e2ncia nem for\u00e7a a convers\u00e3o com contrastes exagerados. Isto faz sentido numa experi\u00eancia premium: nem tudo deve parecer urgente. Ainda assim, a li\u00e7\u00e3o pr\u00e1tica est\u00e1 no equil\u00edbrio. Se uma marca quiser captar leads de forma agressiva, precisar\u00e1 de mais incentivos. Se o objetivo for construir confian\u00e7a e qualificar o interesse, esta conten\u00e7\u00e3o pode ser uma vantagem.<\/p>\n<h4>Servi\u00e7os que se movem 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 pain\u00e9is de servi\u00e7os com motion gr\u00e1fico e navega\u00e7\u00e3o fluida.<\/figcaption><\/figure>\n<p>O segundo momento de motion altera a energia. Os servi\u00e7os deixam de ser uma lista e passam a funcionar como um sistema. Grandes formas vermelhas, linhas finas, transi\u00e7\u00f5es entre \u00e1reas de investimento, sensa\u00e7\u00e3o de mapa. \u00c9 uma forma elegante de tornar naveg\u00e1vel algo que poderia ser \u00e1rido: estrat\u00e9gias, produtos financeiros, categorias de investimento.<\/p>\n<p>Este tipo de anima\u00e7\u00e3o acrescenta uma camada de intera\u00e7\u00e3o subtil, mas valiosa. N\u00e3o transforma a experi\u00eancia num jogo, mas imprime-lhe ritmo visual. O utilizador n\u00e3o l\u00ea apenas \u201cPrivate Equity\u201d ou \u201cDirect Lending\u201d; sente que cada \u00e1rea tem peso pr\u00f3prio dentro de um universo comum. Isso ajuda a criar mem\u00f3ria visual, sobretudo em sites com servi\u00e7os complexos onde as p\u00e1ginas tendem a ser demasiado semelhantes.<\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-101884-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>O segredo est\u00e1 em que o motion n\u00e3o \u00e9 gratuito. Respeita a identidade. Mant\u00e9m o vermelho como gesto principal, preserva a tipografia s\u00f3bria e usa o movimento para refor\u00e7ar a arquitetura, n\u00e3o para distrair. Muitas marcas B2B falham aqui: adicionam anima\u00e7\u00f5es para parecerem inovadoras, mas sem liga\u00e7\u00e3o ao discurso. Em Tresmares, o movimento nasce do pr\u00f3prio sistema gr\u00e1fico.<\/p>\n<p>H\u00e1 uma li\u00e7\u00e3o clara para dire\u00e7\u00e3o de arte e UX\/UI: se o servi\u00e7o \u00e9 complexo, n\u00e3o \u00e9 preciso simplific\u00e1-lo at\u00e9 perder nuances. Pode-se desenhar uma estrutura que o torne mais leg\u00edvel, mais apelativo e mais f\u00e1cil de navegar. A interface n\u00e3o tem de explicar tudo de uma vez; pode marcar o ritmo, criar pausas, conduzir o olhar e transformar o conte\u00fado numa sequ\u00eancia com inten\u00e7\u00e3o.<\/p>\n<p>Outro ponto interessante de identidade: a marca n\u00e3o recorre a fotografias corporativas gen\u00e9ricas nem a sorrisos de banco de imagem para transmitir confian\u00e7a. Constr\u00f3i confian\u00e7a atrav\u00e9s do design visual. Isso \u00e9 poderoso. Uma composi\u00e7\u00e3o bem controlada, uma paleta coerente e uma hierarquia tipogr\u00e1fica clara transmitem mais solidez do que muitos chav\u00f5es institucionais.<\/p>\n<h2>A inspira\u00e7\u00e3o que fica: menos ru\u00eddo, mais presen\u00e7a<\/h2>\n<p>O melhor desta refer\u00eancia \u00e9 n\u00e3o tentar ser \u201ccriativa\u201d a todo o momento. Tem car\u00e1cter, mas sabe conter-se. E essa conten\u00e7\u00e3o \u00e9 parte da sua for\u00e7a. No design web B2B, sobretudo em sectores financeiro, jur\u00eddico, industrial ou tecnol\u00f3gico, a personalidade costuma ser sacrificada por receio de perder credibilidade. Aqui acontece o oposto: a personalidade refor\u00e7a a confian\u00e7a porque \u00e9 aplicada com crit\u00e9rio.<\/p>\n<p>Esta pe\u00e7a recorda algo essencial: a perce\u00e7\u00e3o de valor come\u00e7a antes de se ler o detalhe. Come\u00e7a na composi\u00e7\u00e3o, na cor, na escala da tipografia, na organiza\u00e7\u00e3o dos dados, na fluidez das transi\u00e7\u00f5es, na atmosfera do primeiro ecr\u00e3. Se tudo parece gen\u00e9rico, o servi\u00e7o tamb\u00e9m ser\u00e1 percebido como tal. Se a experi\u00eancia tem dire\u00e7\u00e3o visual, o neg\u00f3cio ganha presen\u00e7a.<\/p>\n<p>Para marcas com ofertas complexas, a inspira\u00e7\u00e3o est\u00e1 em ousar desenhar o conte\u00fado como uma cena, n\u00e3o como um documento. Dar protagonismo ao servi\u00e7o. Usar o dado como sinal de confian\u00e7a. Deixar que o motion traga ritmo. Construir uma identidade reconhec\u00edvel sem encher o ecr\u00e3 de recursos. N\u00e3o se trata de fazer mais ru\u00eddo; trata-se de dar inten\u00e7\u00e3o a cada decis\u00e3o visual.<\/p>\n<p>E talvez esta seja a ideia mais \u00fatil a reter: um site B2B pode ser preciso sem ser frio. Pode transmitir capacidade, experi\u00eancia e solidez sem cair na banalidade. Quando a dire\u00e7\u00e3o visual \u00e9 bem pensada, a interface n\u00e3o s\u00f3 organiza informa\u00e7\u00e3o; melhora a forma como a marca \u00e9 recordada.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tresmares Capital surge no ecr\u00e3 com uma confian\u00e7a pouco habitual no sector financeiro. N\u00e3o precisa de encher a interface com mensagens sobre confian\u00e7a, solidez ou experi\u00eancia: deixa que o pr\u00f3prio design fale por si. Muito espa\u00e7o em branco, tipografia de grande dimens\u00e3o, vermelho como sinal de tens\u00e3o e uma estrutura que torna servi\u00e7os complexos surpreendentemente [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":101683,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[481],"class_list":["post-101884","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-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\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\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\/pt-pt\/web-design-sociedade-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\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Design web para uma firma de investimento: Tresmares Capital por Dgrees\",\"datePublished\":\"2026-08-12T08:12:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/\"},\"wordCount\":1516,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/69fcbc0e09855326943212.jpg\",\"articleSection\":[\"Sem categoria\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/\",\"name\":\"Dise\u00f1o web para Tresmares Capital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-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\\\/pt-pt\\\/#\\\/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\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-investimento-tresmares-capital-dgrees\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/web-design-sociedade-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\\\/pt-pt\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/","og_locale":"pt_PT","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\/pt-pt\/web-design-sociedade-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\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Design web para uma firma de investimento: Tresmares Capital por Dgrees","datePublished":"2026-08-12T08:12:58+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/"},"wordCount":1516,"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/69fcbc0e09855326943212.jpg","articleSection":["Sem categoria"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/","url":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/","name":"Dise\u00f1o web para Tresmares Capital","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-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\/pt-pt\/#\/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":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-investimento-tresmares-capital-dgrees\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/web-design-sociedade-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\/pt-pt\/#website","url":"https:\/\/codewebbarcelona.com\/pt-pt\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt-pt\/wp-json\/wp\/v2\/posts\/101884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=101884"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/101884\/revisions"}],"predecessor-version":[{"id":101886,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/101884\/revisions\/101886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media\/101683"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=101884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=101884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}