Tresmares Capital aterra a la pantalla amb una seguretat poc habitual en el sector financer. No necessita omplir la interfície de missatges sobre confiança, solidesa o experiència: deixa que el disseny faci aquesta feina. Molt espai, tipografia gran, vermell com a gest de tensió i una estructura que fa que serveis complexos siguin molt més accessibles.
El web té presència sense resultar aparatós. 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’aspecte de presentació corporativa interminable. El resultat es mou entre l’institucional i l’editorial, amb prou personalitat per no semblar una firma d’inversió més.
Aquí rau l’interès d’aquesta referència. No intenta disfressar les finances, sinó mostrar-les amb més precisió visual. Quan una marca B2B aconsegueix que estratègia, interfície i motion treballin en la mateixa direcció, la complexitat pesa menys i la percepció de valor es construeix abans d’entrar en el detall.
Tresmares Capital — finances amb pols editorial i tensió vermella
La primera impressió és de calma. Fons clar, paleta continguda, espai al voltant de cada element. Però de seguida apareix la tensió: blocs vermells, línies negres, formes que travessen la composició i una tipografia sòbria que no necessita ornaments per dominar la pantalla. Aquesta combinació de silenci i gest gràfic és el que dona caràcter a la peça.
Un inici amb escala i paisatge
El recurs del paisatge funciona perquè no cau en la metàfora fàcil. La muntanya no hi és com a postal motivacional, sinó com a fons d’escala: profunditat, horitzó, recorregut. En una marca d’inversió, aquesta sensació importa. Parla de perspectiva, de creixement i de mirada llarga sense haver-ho d’escriure en majúscules.
El motion acompanya amb una cadència tranquil·la. No empeny l’usuari, no l’atropella. Deixa respirar el titular i converteix la primera pantalla en una escena. Aquí l’animació té una funció clara: donar presència. Una firma financera pot guanyar molta percepció de valor quan la seva entrada digital no sembla una plantilla de serveis, sinó una peça amb atmosfera pròpia.
El mòdul de Direct Lending és probablement la peça més interessant per observar amb calma. La tipografia ocupa el centre com si fos una portada editorial. No hi ha una dependència excessiva d’icones, il·lustracions explicatives ni blocs de text fragmentats. El nom del servei mana. I quan el servei mana visualment, la comprensió millora: l’usuari sap on és abans d’entrar en el detall.
La combinació 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 és decoratiu: actua com a accent de decisió. En sectors on la majoria d’interfícies tendeixen al blau de seguretat, aquesta elecció cromàtica ajuda a diferenciar sense perdre serietat.
La composició té un punt gairebé arquitectònic. A l’esquerra, navegació discreta i text de suport. Al centre, gran titular i gest gràfic. A la dreta, mètriques que entren com a prova de solidesa. Res no competeix en excés. La pantalla treballa per capes: primer identitat, després servei, finalment credibilitat. És una seqüència molt útil per a qualsevol marca B2B que necessiti explicar molt sense convertir la interfície en un mur d’informació.
Les xifres tenen un paper clau perquè no apareixen com un bloc pesat de “confia en nosaltres”. S’integren en el ritme visual. Ticket, EBITDA, actius, equip: dades que donen dimensió operativa i context comercial, però tractades amb lleugeresa gràfica. En comptes de semblar una taula, formen part de la direcció visual. Aquesta diferència canvia la percepció: la dada deixa de ser burocràtica i es converteix en un senyal d’autoritat.
També destaca la decisió en el tractament del botó. La crida a l’acció és petita, gairebé discreta. No trenca l’elegància ni força la conversió amb un contrast exagerat. Té sentit en una experiència de to premium: no tot ha de semblar urgent. Tot i així, la lliçó pràctica és l’equilibri. Si una marca vol captar leads de manera agressiva, necessitarà més suports. Si vol construir confiança i qualificar l’interès, aquesta contenció pot ser un avantatge.
Serveis que es mouen com un sistema visual
El segon moment de motion canvia l’energia. Els serveis deixen de ser un simple llistat i passen a funcionar com un sistema. Grans formes vermelles, línies fines, transicions entre àrees d’inversió, sensació de mapa. És una manera elegant de fer navegable allò que podria ser àrid: estratègies, productes financers, categories d’inversió.
Aquest tipus d’animació aporta una capa d’interacció lleugera molt valuosa. No converteix l’experiència en un joc, però sí que li dona ritme visual. L’usuari no només llegeix “Private Equity” o “Direct Lending”; sent que cada àrea té pes propi dins d’un univers comú. Això ajuda a crear memòria visual, sobretot en webs amb serveis complexos on totes les pàgines solen assemblar-se massa entre elles.
La clau és que el motion no va per lliure. Respecta la identitat. Manté el vermell com a gest principal, conserva la tipografia sòbria i utilitza el moviment per reforçar l’arquitectura, no per distreure. Moltes marques B2B fallen aquí: afegeixen animacions per semblar més avançades, però sense connexió amb el discurs. A Tresmares, el moviment sembla sorgir del propi sistema gràfic.
Hi ha una lliçó clara per a la direcció visual i el disseny UX/UI: si el servei és complex, no cal simplificar-lo fins a deixar-lo sense matisos. Es pot dissenyar una estructura que el faci més llegible, més atractiu i més fàcil de recórrer. La interfície no ha d’explicar-ho tot de cop; pot marcar un ritme, crear pauses, guiar la mirada i convertir el contingut en una seqüència amb intenció.
També hi ha un punt d’identitat interessant: la marca no es recolza en fotografies corporatives genèriques ni en somriures de stock per transmetre confiança. La confiança es construeix des del llenguatge visual. Això és realment potent. Una composició ben controlada, una paleta coherent i una jerarquia tipogràfica clara poden comunicar més solvència que moltes frases institucionals repetides.
La inspiració que deixa: menys soroll, més presència
El millor d’aquesta referència és que no intenta ser “creativa” constantment. Té caràcter, però sap contenir-se. I aquesta contenció és part de la seva força. En el disseny web B2B, especialment en sectors financers, legals, industrials o tecnològics, la personalitat sovint es sacrifica per por a perdre confiança. Aquí passa just el contrari: la personalitat reforça la confiança perquè està ben dirigida.
La peça recorda una cosa important: la percepció de valor comença abans de llegir el detall. Comença en la composició, en el color, en la mida de la tipografia, en com s’ordenen les dades, en com es mou una transició, en l’atmosfera que deixa la primera pantalla. Si tot sembla genèric, el servei també es percep genèric. Si l’experiència té direcció visual, el negoci guanya presència.
Per a una marca amb una oferta complexa, la inspiració és 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ça. Deixar que el motion aporti ritme. Construir una identitat reconeixible sense saturar la pantalla de recursos. No es tracta de fer més soroll; es tracta que cada decisió visual tingui intenció.
I potser aquesta sigui la idea més útil: una web B2B pot ser precisa sense ser freda. Pot transmetre capacitat, experiència i solidesa sense semblar intercanviable. Quan la direcció visual està ben pensada, la interfície no només organitza informació; millora la manera com una marca és recordada.
