A Code Barcelona vivim el disseny web d’alta qualitat amb passió, i enguany ens hem deixat inspirar per autèntiques obres mestres digitals. En aquest article et presentem els 20 millors dissenys web de 2025, una selecció que destaca per la seva creativitat, funcionalitat i capacitat d’anticipar tendències en l’entorn digital. Des d’interfícies minimalistes fins a experiències immersives, aquests webs estan redefinint la manera com interactuem a la xarxa. Continua llegint i descobreix per què el 2025 és l’any de la revolució en disseny web!
Millors dissenys web 2023
Shupatto Bags Brand Site: Designed to Fold with a Snap
La web de Shupatto Bags Brand Site és un gran exemple de com el disseny digital pot transmetre la funcionalitat i l’essència d’un producte. Shupatto, marca de bosses plegables, ha col·laborat amb mount inc. per crear una plataforma visualment impactant que reflecteix el caràcter únic dels seus productes.
Descobreix com treballem el disseny web professional a Code Barcelona, agència referent a Barcelona.
El web utilitza gràfics animats per mostrar com les bosses es pleguen fàcilment amb un sol gest, reforçant el concepte de simplicitat i practicitat. Aquesta aposta visual permet als usuaris experimentar digitalment la facilitat d’ús del sistema Shupatto.
El disseny és net i minimalista, amb una gamma de colors suaus que transmeten calma i deixen tot el protagonisme al producte. Les transicions suaus entre seccions faciliten una navegació fluida, on l’usuari pot descobrir tant la funcionalitat de les bosses com les diferents col·leccions.
La tipografia, moderna i senzilla, afavoreix una lectura clara i sense distraccions. L’ús intel·ligent de fotografies del producte en acció i descripcions breus a cada secció ofereixen una experiència visual atractiva i molt informativa.
En resum, l’equip de mount inc. ha sabut combinar un disseny impecable amb la funcionalitat de Shupatto, creant una de les experiències web més memorables de l’any.
Visitar lloc web: Shupatto Bags
AIM — AI Modernism of Kharkiv
La web AIM — AI Modernism of Kharkiv és un homenatge visual al modernisme arquitectònic de Khàrkiv, Ucraïna, impulsat per la intel·ligència artificial. Creat per Obys Agency i Viacheslav Olianishyn, el disseny captura l’essència del moviment modernista i utilitza tecnologia d’avantguarda per oferir una experiència digital única.
La paleta de colors, sòbria i minimalista, amb tons grisos i negres, ressalta l’elegància i la precisió geomètrica dels edificis de Khàrkiv. Les animacions subtils i les transicions suaus permeten explorar els detalls arquitectònics amb un enfoc gairebé artístic, mentre la IA genera visualitzacions complexes en temps real.
La navegació és fluida i s’adapta perfectament a qualsevol dispositiu, mostrant una clara aposta pel disseny responsiu. Els textos són concisos però informatius, donant tot el protagonisme al contingut visual. Les imatges d’alta resolució, combinades amb gràfics generats per IA, creen una simbiosi perfecta entre art i tecnologia.
La tipografia, moderna i contundent, aporta elegància i professionalitat, complementant l’estil arquitectònic del web. Cada secció està estructurada per guiar l’usuari en un recorregut immersiu pel modernisme de Khàrkiv, amb una experiència visual que destaca per la seva creativitat i sofisticació.
En definitiva, Obys Agency i Viacheslav Olianishyn han aconseguit una fusió perfecta entre arquitectura, art i tecnologia, convertint AIM en un dels dissenys web més innovadors i artístics de l’any.
Visitar lloc web: AIM — AI Modernism of Kharkiv
Intrepid
La web d’Intrepid, desenvolupada per REJOUICE®, és una plataforma dinàmica que ofereix solucions innovadores en software, hardware i processos per optimitzar costos i terminis de fabricació. Amb un enfocament clar en l’eficiència operativa, destaca per un disseny atractiu i funcional alineat amb la missió de la companyia.
La tipografia, amb __onsite_2032f6, __onsite_Fallback_2032f6, __mdio_e79ec6 i __mdio_Fallback_e79ec6, aporta un aire contemporani i professional, assegurant una lectura clara i reforçant la identitat visual de la marca.
El disseny, ple de color i energia, capta l’atenció des del primer moment. La paleta vibrant reforça la personalitat innovadora i atrevida d’Intrepid dins el sector tecnològic.
Les animacions aporten interactivitat i fan que la navegació sigui més immersiva i intuïtiva. A més, el disseny és totalment responsive, garantint una experiència òptima en qualsevol dispositiu.
Els elements 3D afegeixen una dimensió extra que subratlla la innovació de la marca i ajuden a explicar millor els conceptes i solucions que ofereix Intrepid.
En resum, la web d’Intrepid és un gran exemple de com un disseny digital ben executat pot transmetre innovació i eficiència en el sector tecnològic. Amb una combinació de tipografia efectiva, animacions dinàmiques i una experiència d’usuari cuidada, REJOUICE® ha creat una plataforma atractiva, funcional i fidel a la missió d’Intrepid.
Visitar lloc web: Intrepid
Fitonist
La web de Fitonist, creada per Outcrowd, promociona una app mòbil innovadora basada en intel·ligència artificial, pensada per a amants del fitness de tots els nivells i per oferir la millor experiència d’entrenament.
La tipografia Satoshi, moderna i versàtil, reforça la imatge contemporània i dinàmica de Fitonist, atraient usuaris que busquen millorar el seu rendiment al gimnàs.
La paleta de colors, amb HEX #000000 i HEX #C8ACF0, crea un contrast elegant i fresc. El negre aporta sofisticació i el lavanda un toc de modernitat, reflectint el caràcter innovador de l’app.
El disseny incorpora animacions que fan la navegació més interactiva i immersiva, ajudant a guiar l’usuari de manera intuïtiva. El scrolling dinàmic permet una exploració fluida del contingut, mantenint l’interès i facilitant la comprensió de les funcionalitats i beneficis de l’aplicació. Les microinteraccions aporten un plus d’interactivitat i mantenen l’usuari connectat amb el contingut.
L’enfocament en el disseny d’interacció i la UI fa que la plataforma sigui amigable i convidi a registrar-se i explorar totes les funcionalitats.
En definitiva, la web de Fitonist és un gran exemple de com el disseny digital pot impulsar una marca emergent en el sector salut i fitness. Amb una tipografia efectiva, una paleta de colors atractiva i animacions interactives, Outcrowd ha creat una experiència digital visualment atractiva i alineada amb els objectius dels amants del gimnàs.
Visitar lloc web: Fitonist
Space Trash Signs
El lloc web Space Trash Signs, creat per Owls Department i Moby Digg, és un innovador projecte 3D que visualitza les conseqüències de la contaminació espacial a través de constel·lacions formades per deixalles espacials. Aquest disseny no només educa sobre un tema crític, sinó que també ofereix una experiència interactiva i immersiva que convida els visitants a reflexionar sobre l’impacte de l’activitat humana a l’espai.
La tipografia utilitzada, KMR Apparat, aporta un estil modern i experimental que complementa la naturalesa del projecte. Aquesta elecció tipogràfica s’alinea amb la temàtica futurista del lloc, assegurant que el contingut sigui tant atractiu com llegible.
La paleta de colors del lloc, que inclou HEX #000000 i HEX #ffffff, crea un fort contrast que emfatitza la simplicitat i claredat del disseny. L’ús del negre com a fons proporciona un context fosc i profund, que ressalta els elements visuals i les constel·lacions de deixalles espacials, mentre que el blanc s’utilitza per al text i els elements interactius, garantint una fàcil lectura i navegació.
El disseny del lloc és experimental, incorporant animació i transicions que enriqueixen l’experiència de l’usuari. Aquests elements animats no només són visualment impactants, sinó que també ajuden a guiar els visitants a través de la narrativa del projecte, fent que l’exploració de la contaminació espacial sigui dinàmica i atractiva.
La inclusió de visualització de dades i elements 3D permet una representació clara i efectiva de la problemàtica de l’espai brossa, facilitant una comprensió més profunda de les conseqüències d’aquesta forma de contaminació. A més, l’ús de gestos i interacció afegeix un nivell d’immersió, permetent als usuaris interactuar de manera directa amb el contingut i explorar les constel·lacions de deixalles espacials.
En resum, el lloc web de Space Trash Signs és un excel·lent exemple de com el disseny web pot combinar creativitat i consciència ambiental. Amb el seu ús innovador de tipografia, una paleta de colors contrastant i una experiència interactiva captivadora, Owls Department i Moby Digg han creat una plataforma que no només és informativa, sinó també impactant i reflexiva sobre un tema de rellevància global.
Visitar lloc: Space Trash Signs
NeoCultural Couture
El lloc web NeoCultural Couture, creat per Jordan Gilroy i Kin, és una plataforma innovadora que explora col·leccions inspirades en intel·ligència artificial, fusionant l’herència cultural amb un disseny futurista. Aquest lloc ofereix una exploració única del temps, la tradició i el demà, convidant els visitants a submergir-se en un món on la moda i la tecnologia s’entrellacen.
La tipografia utilitzada al lloc inclou Suisseintl, Parabole Text, Parabole Display i PP, creant una jerarquia tipogràfica que és tant visualment atractiva com funcional. Aquestes fonts aporten un aire contemporani i elegant, adequant-se perfectament al tema de la moda i la innovació, i assegurant que el contingut sigui fàcilment llegible.
La paleta de colors del lloc, que inclou HEX #131313 i HEX #C5B6AF, estableix un contrast sofisticat i modern. El negre profund proporciona una base elegant i atemporal, mentre que el to suau de beix aporta calidesa i un sentit de connexió amb el patrimoni cultural. Aquesta combinació de colors no només és estèticament plaent, sinó que també reforça el concepte de fusió entre l’antic i el modern.
El disseny del lloc és experimental, utilitzant transicions fluides que milloren l’experiència de l’usuari en navegar a través de les diferents seccions. Aquestes transicions suaus no només fan que la navegació sigui més agradable, sinó que també aporten un sentit de continuïtat a l’exploració del contingut.
La galeria del lloc presenta les col·leccions d’una manera visualment impactant, permetent als visitants apreciar els detalls i l’artesania darrere de cada peça. El disseny d’interacció està acuradament pensat, permetent als usuaris explorar i descobrir informació addicional sobre cada col·lecció i la seva inspiració cultural.
Fins i tot les pàgines d’error 404 han estat dissenyades amb atenció al detall, reflectint l’estètica general del lloc i assegurant que l’experiència de l’usuari sigui fluida en tot moment.
En resum, el lloc web de NeoCultural Couture és un exemple excel·lent de com el disseny web pot integrar la moda i la tecnologia de manera creativa i efectiva. Amb el seu ús sofisticat de tipografia, una paleta de colors harmoniosa i una experiència d’usuari immersiva, Jordan Gilroy i Kin han creat una plataforma que no només celebra l’herència cultural, sinó que també abraça el futur del disseny.
Visitar lloc: NeoCultural Couture
REFIRE
El lloc web REFIRE, desenvolupat per CUSP i SALT AND PEPPER , representa una innovadora generació d’energia i potència hidrogen-elèctrica. Aquest lloc no només comunica la visió de REFIRE sobre el futur de l’energia, sinó que també ofereix una experiència interactiva i visualment atractiva que capta l’atenció dels visitants.
La tipografia utilitzada al lloc és Suisse, una elecció moderna que proporciona claredat i elegància. Aquesta font no només és altament llegible, sinó que també reforça la imatge professional i tecnològica de REFIRE, alineant-se perfectament amb el seu enfocament en la innovació en el sector energètic.
La paleta de colors del lloc, que inclou HEX #060508 i HEX #FEFEFE, crea un contrast impactant. El negre profund estableix un fons sòlid i sofisticat, mentre que el blanc brillant aporta lluminositat i claredat, permetent que els elements clau del contingut es destaquin. Aquesta combinació de colors també contribueix a una sensació de modernitat i serietat, adequada per a una marca que està a l’avantguarda de la tecnologia energètica.
El disseny del lloc inclou scrolling i elements de 360 graus, cosa que permet als usuaris explorar la tecnologia de REFIRE de manera dinàmica i envoltant. Aquesta interactivitat no només millora l’experiència de l’usuari, sinó que també permet una millor comprensió dels productes i serveis que ofereix l’empresa.
A més, la integració de foto i vídeo en el disseny proporciona una representació visual clara i efectiva de la proposta de valor de REFIRE, fent que la informació tècnica sigui més accessible i atractiva per als visitants.
En resum, el lloc web de REFIRE és un excel·lent exemple de com un disseny web ben executat pot comunicar efectivament una visió innovadora en el sector energètic. Amb el seu ús intel·ligent de tipografia, una paleta de colors contrastant i una experiència interactiva, CUSP i SALT AND PEPPER han creat una plataforma que no només és informativa, sinó també inspiradora per a aquells interessats en el futur de l’energia.
Visitar lloc: REFIRE
CPF Freiburg — Chemicals and Pharmaceuticals
El lloc web corporatiu de CPF Freiburg, dissenyat per Manuel Kreuzer, és una obra mestra de disseny contemporani, combinant tipografia moderna, animacions precises i una experiència visual dinàmica per a una empresa en la indústria de químics i farmacèutics. Aquest lloc reflecteix la serietat i la innovació de la marca, alhora que utilitza eines tecnològiques avançades per oferir una experiència web intuïtiva i fluida.
El disseny del lloc es caracteritza per una estètica neta i professional, amb una navegació clara que facilita l’accés a la informació essencial sobre els productes i serveis de CPF. A nivell visual, es destaquen les animacions subtils, que aporten dinamisme sense distreure l’usuari. L’ús del disseny parallax contribueix a la sensació de profunditat i fluïdesa mentre l’usuari es desplaça per les diferents seccions.
La tipografia contemporània és un dels elements centrals del disseny, aconseguint una combinació perfecta entre elegància i llegibilitat. Aquesta elecció tipogràfica, juntament amb el disseny responsive, assegura que el lloc funcioni de manera òptima tant en dispositius d’escriptori com mòbils, proporcionant una experiència consistent en totes les plataformes.
El lloc està construït utilitzant WordPress i tecnologies modernes com HTML5, cosa que garanteix una sòlida estructura de codi i un disseny flexible. A més, els efectes visuals i els filtres interactius permeten que els usuaris puguin explorar les diferents àrees de manera més atractiva, millorant l’experiència de l’usuari i facilitant l’exploració de productes i serveis.
En resum, CPF Freiburg destaca com un exemple excepcional de disseny web corporatiu en el sector químic i farmacèutic. Manuel Kreuzer ha aconseguit integrar de manera eficaç animacions, tipografia moderna i tecnologia avançada en una plataforma web que és funcional, atractiva i d’acord amb les necessitats d’una empresa d’alt perfil.
Visitar lloc: CPF Freiburg
GOA Architecture
El lloc web GOA Architecture, dissenyat per Gone Fishing Studio, destaca pel seu enfocament atrevit i modern, fusionant l’arquitectura amb un disseny web innovador. Aquesta firma d’arquitectura, ubicada a New Haven, es especialitza en la intersecció entre el disseny arquitectònic, la ciència de la construcció i la investigació ecològica, i el seu lloc web reflecteix a la perfecció aquests valors.
L’ús d’una paleta de colors contrastants amb un fons fosc HEX #281717 i detalls en blanc pur HEX #fff, genera una atmosfera sofisticada que ressalta el contingut visual i tipogràfic. L’elecció tipogràfica amb PX Grotesk i PX Grotesk Mono proporciona una sensació contemporània i tècnica, alineada amb l’enfocament avantguardista i rigorós de la firma en els seus projectes arquitectònics. Aquesta tipografia, amb el seu aspecte net i modern, ajuda a guiar l’atenció de l’usuari cap als elements clau del lloc.
El disseny del lloc empra imatges de fons de gran mida que dominen visualment cada secció, creant una immersió completa en els projectes arquitectònics de la firma. A més, la disposició horitzontal del contingut és inusual, però efectiva, cosa que reforça la identitat creativa i única de GOA Architecture. Aquesta estructura convida l’usuari a navegar lateralment a través d’un menú horitzontal minimalista, que organitza la informació de manera poc convencional però clara.
Les microinteraccions subtils afegeixen dinamisme a l’experiència de l’usuari, fent que la navegació sigui fluida i envoltant. Cada petita animació i transició entre seccions està dissenyada per millorar la interacció sense distreure, contribuint a una experiència interactiva acuradament planificada.
El lloc s’ha dissenyat per ser responsive, cosa que garanteix que tant les imatges d’alta qualitat com la navegació horitzontal funcionin sense problemes en qualsevol dispositiu, des de mòbils fins a pantalles d’escriptori. Els detalls d’arquitectura, combinats amb la tecnologia web avançada, demostren l’enfocament detallat de GOA en la innovació tant en disseny com en usabilitat.
En resum, el lloc de GOA Architecture, creat per Gone Fishing Studio, és un exemple destacat de com un disseny web pot combinar de manera efectiva arquitectura, disseny gràfic i navegació no convencional. Aquesta pàgina, amb el seu ús creatiu de la tipografia i una estructura horitzontal, ofereix una experiència única i memorable, d’acord amb la visió d’avantguarda de la firma.
Visitar lloc: GOA Architecture
Pharmacor
El lloc web Pharmacor, dissenyat per Studio-Storm, es presenta com un exemple excepcional de disseny web a mida, específicament adaptat a les necessitats d’una empresa farmacèutica. Aquest lloc no només serveix com una plataforma informativa, sinó que també actua com un catàleg de productes destinat a metges i al públic en general, combinant funcionalitat amb una estètica moderna i professional.
La tipografia utilitzada, Neutrifstudio, es destaca per la seva claredat i modernitat, cosa que facilita la lectura i assegura que la informació presentada sigui accessible i comprensible. Aquesta elecció tipogràfica es complementa perfectament amb un disseny net que prioritza la usabilitat i l’experiència de l’usuari, permetent que els visitants naveguin sense esforç a través de l’àmplia gamma de productes oferts.
El disseny del lloc és responsive, garantint que s’adapti perfectament a qualsevol dispositiu, des d’ordinadors d’escriptori fins a telèfons mòbils. Això és crucial en el sector farmacèutic, on els usuaris poden buscar informació en qualsevol moment i lloc. Les característiques d’e-commerce permeten una experiència de compra fluida, fent que la navegació i la selecció de productes siguin intuïtives.
Un dels aspectes més notables del lloc és el seu enfocament en el disseny gràfic, on les icones personalitzades i els elements visuals ajuden a guiar l’usuari a través del contingut de manera efectiva. Les microinteraccions estan habilitades en el lloc, afegint un nivell d’interactivitat que millora l’experiència general de l’usuari, fent que la navegació sigui més atractiva i memorable.
La combinació de tecnologia web interactiva i un disseny de UI acuradament considerat fa que Pharmacor no només sigui visualment atractiu, sinó també altament funcional. Cada detall, des de la disposició del contingut fins a les animacions subtils, ha estat dissenyat per maximitzar l’eficiència i la satisfacció de l’usuari.
En resum, el lloc web de Pharmacor, creat per Studio-Storm, és una obra mestra de disseny personalitzat que aborda les necessitats específiques d’una empresa farmacèutica. Amb el seu ús innovador de tipografia, disseny gràfic i tecnologies interactives, es posiciona com un dels dissenys web més destacats de l’any.
Visitar lloc: Pharmacor
Breaking
El lloc web Breaking, creat per Maven Creative en col·laboració amb The Limbo Society, és una experiència web captivadora que aborda un dels problemes més urgents del nostre temps: la degradació del plàstic. Aquest disseny no només és informatiu, sinó que també està dissenyat per involucrar els usuaris i destacar els descobriments científics innovadors de l’equip darrere de la investigació.
Amb un enfocament en la responsabilitat social, el lloc presenta una narrativa visual poderosa que utilitza animacions impactants i gràfics ben dissenyats per comunicar la gravetat dels problemes relacionats amb el plàstic al nostre món. La tipografia escollida és moderna i dinàmica, contribuint a la claredat del missatge mentre manté l’interès visual del visitant.
El disseny és completament responsive, assegurant que els usuaris puguin accedir a la informació en qualsevol dispositiu, des de telèfons mòbils fins a pantalles d’escriptori. Aquesta adaptabilitat és essencial per arribar a una audiència més àmplia i generar consciència sobre els problemes del plàstic i la ciència de la seva degradació.
Un dels aspectes més destacats del lloc és el seu ús de visualització de dades. A través de gràfics interactius i representacions visuals efectives, el lloc permet als usuaris comprendre millor les dades complexes relacionades amb la investigació sobre el plàstic. Les microinteraccions afegeixen un nivell addicional d’interactivitat, fent que la navegació sigui intuïtiva i atractiva, i encoratjant els usuaris a explorar més sobre el tema.
L’enfocament de Maven Creative i The Limbo Society en la combinació de disseny gràfic i tecnologia es tradueix en una experiència web que no només educa, sinó que també motiva els visitants a reflexionar sobre la seva relació amb el plàstic i el medi ambient. Cada element del lloc està acuradament dissenyat per maximitzar l’impacte i l’accessibilitat de la informació presentada.
En resum, el lloc web de Breaking és un exemple excel·lent de com el disseny web pot utilitzar-se per abordar problemes socials importants. Amb el seu enfocament en la ciència de la degradació del plàstic i el seu atractiu visual, Maven Creative i The Limbo Society han creat una plataforma que informa, inspira i connecta amb la seva audiència.
Visitar lloc: Breaking
Post Familiar Wine
El lloc web Post Familiar Wine, creat per Jordan Sowers, es presenta com una plataforma vibrant i atractiva per a un celler col·laboratiu que se centra en l’experimentació i la sostenibilitat en la producció de vi. Aquest lloc és un clar reflex de la seva filosofia, mostrant un enfocament innovador cap a la creació de vins únics en col·laboració amb petits productors.
La paleta de colors del lloc, que utilitza HEX #000 i HEX #fff, ofereix un contrast elegant i modern que emfatitza la informació presentada. Aquest enfocament minimalista permet que el contingut brilli, destacant tant els productes com l’essència de la marca. La combinació de colors en negre i blanc ressalta la puresa i la sofisticació dels vins, creant un entorn visual atractiu i fàcil de navegar.
La tipografia seleccionada inclou Tomato-Grotesk, Tiempos i Favorit, que es combinen per crear un equilibri perfecte entre modernitat i llegibilitat. Aquesta elecció tipogràfica no només és estèticament agradable, sinó que també reflecteix l’autenticitat i l’enfocament artesanal del celler, permetent que la marca expliqui la seva història de manera efectiva.
El disseny del lloc és flat, cosa que contribueix a una aparença neta i contemporània. Aquest estil visual es complementa amb efectes de filtres subtils que milloren l’experiència de l’usuari, fent que la navegació sigui intuïtiva i agradable. Els elements interactius estan dissenyats per guiar l’usuari de manera fluida a través del catàleg de vins i la història de la marca.
El lloc també integra característiques de e-commerce, permetent als visitants explorar i comprar els vins de manera fàcil i eficient. L’estructura de navegació és clara, facilitant l’accés a la informació sobre cada vi i el seu procés d’elaboració.
En resum, el lloc web de Post Familiar Wine és un exemple destacat de com un disseny web ben pensat pot reflectir els valors d’un celler modern i sostenible. A través del seu ús efectiu de la tipografia, la paleta de colors i un enfocament en l’experiència de l’usuari, Jordan Sowers ha creat una plataforma que no només és visualment atractiva, sinó també informativa i accessible.
Visitar lloc: Post Familiar Wine
IDT Australia
El lloc web IDT Australia, desenvolupat per intuitiveit, es posiciona com una plataforma clau en la indústria farmacèutica, oferint un servei integral que abasta des del desenvolupament inicial de medicaments fins als assaigs clínics. Aquest lloc reflecteix la reputació d’IDT com el soci preferit de companyies farmacèutiques líders a nivell mundial, incloent Pfizer, Johnson & Johnson, Roche, Teva i Bayer.
El disseny del lloc es caracteritza pel seu enfocament net i modern, utilitzant un estil flat design que permet una navegació clara i efectiva. L’estètica minimalista no només millora l’aparença visual, sinó que també assegura que els usuaris puguin trobar ràpidament la informació que necessiten, cosa que és crucial en un sector tan complex com el farmacèutic.
La navegació horitzontal és un altre dels punts forts del disseny, proporcionant un accés fàcil a les diverses seccions del lloc. Aquesta disposició intuïtiva permet als visitants explorar els diferents serveis oferts per IDT, així com informació sobre les seves capacitats tècniques i el seu compromís amb la qualitat. El disseny de la capçalera és igualment funcional, assegurant que la identitat de la marca estigui sempre present i sigui fàcilment reconeixible.
L’estructura del lloc és completament responsive, garantint que s’adapti sense problemes a diferents dispositius, des de telèfons mòbils fins a pantalles d’escriptori. Això és fonamental per arribar a un públic més ampli i assegurar que la informació sobre els serveis farmacèutics d’IDT estigui sempre disponible per a qui la necessiti.
En resum, el lloc web d’IDT Australia, dissenyat per intuitiveit, és un exemple de com un disseny web ben executat pot facilitar la comunicació i la interacció en l’àmbit empresarial i corporatiu. Amb el seu enfocament en la tecnologia, el disseny net, i una experiència d’usuari optimitzada, el lloc es destaca com un recurs valuós per a empreses farmacèutiques que busquen un soci fiable en el desenvolupament de medicaments.
Visitar lloc: IDT Australia
Accordion
El lloc web Accordion, creat per HOLOGRAPHIK en col·laboració amb Ilja van Eck, és una plataforma impressionant que redefineix la identitat visual de la marca i ressalta el seu treball juntament amb col·laboradors únics. Aquest disseny se centra en la creació d’una experiència web captivadora i efectiva, utilitzant una composició neta i gràfics en moviment que atrapen l’atenció de l’usuari.
La paleta de colors del lloc, composta per HEX #020202 i HEX #ffffff, ofereix un contrast impactant que emfatitza tant l’elegància com la sofisticació de la marca. Aquest enfocament monocromàtic no només ressalta els elements visuals, sinó que també crea un ambient minimalista que permet que el contingut brilli, emfatitzant la creativitat i la innovació d’Accordion.
La tipografia utilitzada, Tartuffo i Twk, afegeix un toc distintiu al disseny, aportant una barreja de modernitat i estil clàssic. La claredat i la llegibilitat d’aquestes fonts asseguren que el missatge d’Accordion sigui transmès de manera efectiva, mentre que el disseny gràfic net complementa la presentació del seu portafoli.
El lloc incorpora elements d’animació que milloren l’experiència de l’usuari, fent que la navegació sigui més interactiva i atractiva. Aquests gràfics en moviment no només són visualment atractius, sinó que també ajuden a guiar els visitants a través de la narrativa de la marca, creant una experiència d’usuari envoltant i dinàmica.
A més, l’enfocament en el disseny UI (interfície d’usuari) es tradueix en una navegació intuïtiva que facilita l’accés a la informació sobre els projectes d’Accordion, així com a la seva història i filosofia de treball. La secció de portafoli està curosament dissenyada per mostrar el seu treball amb col·laboradors, assegurant que cada projecte es presenti de la manera més impactant possible.
En resum, el lloc web d’Accordion és un exemple excel·lent de com un disseny web ben concebut pot realçar la identitat d’una marca i destacar la seva creativitat. Amb el seu ús eficaç de la tipografia, la paleta de colors, i les animacions, HOLOGRAPHIK i Ilja van Eck han creat una plataforma que no només és visualment atractiva, sinó també funcional i representativa de l’essència d’Accordion.
Visitar lloc: Accordion
Botanic Expo
El lloc web Botanic Expo, creat per Enrico Deiana, és una innovadora exposició digital de plantes futuristes que transporta els visitants a un món fictici ambientat l’any 2074. Aquest disseny trencador combina elements de tecnologia avançada i creativitat, oferint una experiència immersiva que desafia les convencions tradicionals del disseny web.
La paleta de colors utilitzada al lloc, que inclou HEX #3F4E49 i HEX #CFC4A6, crea una atmosfera única que combina la natura amb un toc modern. El color més fosc proporciona una base rica i profunda, mentre que el to més clar afegeix lluminositat i contrast, contribuint a l’estètica futurista i orgànica de l’exposició.
La tipografia seleccionada, que inclou Tiposka, Neue Montreal, i Space, aporta un aspecte contemporani i experimental al disseny. Aquestes fonts, amb les seves formes netes i distintives, complementen el tema de l’exposició i permeten una lectura fluida del contingut, millorant l’experiència de l’usuari.
El lloc incorpora tecnologies de web i interactiu que permeten una exploració dinàmica i immersiva del contingut. El disseny experimental inclou tècniques de scrolling úniques que conviden els visitants a submergir-se en la narrativa de l’exposició. A més, la integració de so i àudio en certes seccions afegeix una capa sensorial que enriqueix l’experiència general.
Un dels aspectes més destacats del lloc és l’ús de transicions suaus i efectes en 3D que aporten una sensació de profunditat i moviment. Aquests elements visuals no només són atractius, sinó que també ajuden a guiar els usuaris a través de l’exposició, fent que la navegació sigui intuïtiva i agradable.
Fins i tot s’han inclòs pàgines d’error 404 dissenyades de manera creativa, cosa que demostra un enfocament considerat cap a l’experiència de l’usuari en cada detall del lloc.
En resum, el lloc web de Botanic Expo és un exemple brillant de com el disseny digital pot fusionar creativitat, tecnologia i narrativa en una experiència única. Enrico Deiana ha aconseguit crear una plataforma que no només exhibeix plantes futuristes, sinó que també transporta els visitants a un món imaginari, fent d’aquesta exposició una experiència memorable i immersiva.
Visitar lloc: Botanic Expo
Stewart & Partners
El lloc web Stewart & Partners, creat per Malvah i Geoff Dawes, representa un estudi d’arquitectura creatiu que es fonamenta en la col·laboració i la disrupció, desafiant l’status quo del disseny arquitectònic. Aquest lloc no només actua com un portafoli, sinó també com una llar per a la marca, presentant la filosofia i el treball de l’estudi de manera clara i atractiva.
La tipografia seleccionada, Tiempos i PP, ofereix una elegància atemporal que reforça la identitat professional de l’estudi. Aquestes fonts són ideals per transmetre la serietat i el compromís de Stewart & Partners amb l’excel·lència en el disseny arquitectònic, al mateix temps que asseguren una excel·lent llegibilitat a tot el lloc.
La paleta de colors utilitzada inclou HEX #000000 i HEX #FFFFFF, creant un contrast fort i minimalista que emfatitza la simplicitat i la sofisticació del disseny. Aquest esquema de colors no només és visualment atractiu, sinó que també s’alinea amb la filosofia minimalista de l’estudi, permetent que el contingut i les imatges dels projectes siguin els protagonistes.
El disseny és net i pla, cosa que facilita la navegació i l’exploració del portafoli. Aquest enfocament minimalista assegura que els visitants es centrin en el treball de l’estudi sense distraccions, permetent que les imatges i descripcions dels projectes parlin per si mateixes.
La inclusió d’un disseny minimalista ressalta l’estètica moderna i professional de la marca, alhora que facilita una experiència d’usuari fluida i agradable. La disposició dels elements és intuïtiva, cosa que permet als visitants accedir fàcilment a la informació sobre els projectes i la filosofia de disseny de l’estudi.
En resum, el lloc web de Stewart & Partners és un excel·lent exemple de com un disseny web ben executat pot comunicar efectivament la identitat i la visió d’un estudi d’arquitectura. Amb el seu ús de tipografia elegant, una paleta de colors minimalista i un enfocament net en la presentació, Malvah PRO i Geoff Dawes han creat una plataforma que no només és visualment impactant, sinó també representativa del compromís de l’estudi amb la innovació i la qualitat.
Visitar lloc: Stewart & Partners
ZETR
El lloc web ZETR, desenvolupat per NIGHTJAR, representa una plataforma que encarna l’essència del disseny minimalista, tant en el seu producte com en la seva experiència digital. ZETR està concebut per ser el detall subtil en qualsevol habitació, i el seu lloc web reflecteix aquesta filosofia a través d’un disseny net i elegant.
La tipografia utilitzada al lloc inclou __bodyFont_f10707, __bodyFont_Fallback_f10707, __serifFont_aab3f1 i __serifFont_Fallback_aab3f1, creant una combinació que afavoreix la llegibilitat i l’estil contemporani. Aquesta elecció tipogràfica assegura que el contingut es presenti de manera clara i atractiva, alineant-se amb la imatge d’un producte dissenyat per integrar-se de forma harmònica en diversos entorns.
La paleta de colors del lloc, que inclou HEX #000 i HEX #fff, estableix un fort contrast que ressalta l’estètica minimalista. El negre proporciona una base sòlida i sofisticada, mentre que el blanc aporta lluminositat i claredat, permetent que els elements visuals i textuals es destaquin sense distraccions.
El disseny del lloc incorpora animació subtil i grans imatges de fons que capturen l’atenció de l’usuari sense aclaparar-lo. Aquesta combinació d’elements visuals crea una atmosfera envoltant que convida els visitants a explorar més a fons el contingut, mentre que el disseny net i l’enfocament en UI (interfície d’usuari) garanteixen una experiència de navegació fluida i agradable.
A més, el lloc inclou un disseny de capçalera acuradament elaborat que facilita la navegació i ressalta les seccions més importants. L’atenció als detalls, com les pàgines d’error 404, demostra un compromís amb l’experiència de l’usuari en cada aspecte del disseny.
En resum, el lloc web de ZETR és un exemple destacat de com un disseny web minimalista pot reflectir la filosofia d’un producte. Amb el seu ús efectiu de tipografia, una paleta de colors contrastant i una experiència d’usuari intuïtiva, NIGHTJAR ha creat una plataforma que no només és visualment atractiva, sinó també funcional i alineada amb els principis de disseny de ZETR.
Visitar lloc: ZETR
Biological Preparations
El lloc web Biological Preparations, creat per Red-Fern i OHZI Interactive Studio, ofereix un viatge immersiu per entendre la ciència de la tecnologia biològica i la missió global de substituir tecnologies químiques nocives i no renovables. Aquest lloc destaca no només pel seu contingut informatiu, sinó també pel seu disseny interactiu que enriqueix l’experiència de l’usuari.
La paleta de colors del lloc, que inclou HEX #186F64 i HEX #0F0F10, estableix una atmosfera fresca i professional. El verd fosc simbolitza la natura i la sostenibilitat, mentre que el negre proporciona un fons elegant que permet que els elements visuals ressaltin. Aquesta combinació de colors reforça el missatge del lloc sobre la importància de la tecnologia biològica en un món sostenible.
La tipografia utilitzada, Corbel i Mont, ofereix una barreja de claredat i modernitat. Aquestes fonts són altament llegibles i aporten un toc contemporani, alineant-se amb la temàtica del lloc sobre innovació tecnològica i biològica.
El disseny del lloc és interactiu i animat, utilitzant elements de scrolling que guien els usuaris a través de la narrativa del contingut. Aquesta tècnica de storytelling permet que la informació es presenti de manera atractiva i envoltant, fent que els conceptes complexos siguin més accessibles i comprensibles.
A més, la inclusió d’elements en 3D millora l’experiència visual, permetent als visitants explorar conceptes científics d’una manera innovadora i dinàmica. El disseny d’interacció està acuradament elaborat, facilitant una navegació fluida que manté els usuaris compromesos amb el contingut.
En resum, el lloc web de Biological Preparations és un destacat exemple de com el disseny web pot educar i inspirar sobre temes de tecnologia biològica i sostenibilitat. Amb el seu ús intel·ligent de tipografia, una paleta de colors harmoniosa i una experiència interactiva immersiva, Red-Fern i OHZI Interactive Studio han creat una plataforma que no només informa, sinó que també motiva a l’acció en pro d’un futur més sostenible.
Visitar lloc: Biological Preparations
KAI
El lloc web KAI, desenvolupat per STUDIO-JT, representa Korea Alcohol Industrial, el principal fabricant químic del país. La missió de l’empresa és créixer contínuament per contribuir a un món més convenient i feliç, i el seu lloc web reflecteix aquesta filosofia a través d’un disseny modern i funcional.
El disseny del lloc incorpora un enfocament de parallax, que permet una experiència de desplaçament envoltant. Aquest efecte visual no només millora l’estètica del lloc, sinó que també proporciona una narrativa fluida que guia els visitants a través de la història i els valors de l’empresa.
La paleta de colors del lloc està acuradament escollida per projectar professionalitat i confiança, amb tons que reforcen la imatge de KAI com a líder en la indústria química. Els elements visuals es combinen amb un disseny responsive, garantint que l’experiència de l’usuari sigui òptima en tots els dispositius, des d’ordinadors de sobretaula fins a dispositius mòbils.
L’ús de microinteraccions afegeix un nivell de dinamisme al lloc. Aquests petits detalls, com animacions subtils en passar el cursor o en fer clic, milloren la interacció de l’usuari i fan que la navegació sigui més intuïtiva i agradable.
El lloc està construït utilitzant WordPress, CSS i HTML5, cosa que assegura una base sòlida i flexible per al contingut i les funcions del lloc. Això no només permet un disseny net i atractiu, sinó que també facilita actualitzacions i ajustos en el futur.
En resum, el lloc web de KAI és un exemple notable de com un disseny web efectiu pot comunicar els valors d’una empresa i millorar l’experiència de l’usuari. Amb el seu ús de parallax, disseny responsive i microinteraccions, STUDIO-JT ha creat una plataforma que no només informa, sinó que també inspira confiança en la missió de KAI de contribuir a un món més convenient i feliç.
Visitar lloc: KAI
Rietveld Projects
El lloc web Rietveld Projects, creat per Gewest13, és una plataforma de portafoli que representa Rietveld Projects, un segell de qualitat per a l’arquitectura atemporal. Aquest lloc destaca pel seu disseny minimalista i el seu enfocament en la presentació clara i efectiva dels projectes arquitectònics.
La tipografia utilitzada és Suisse, una elecció que aporta elegància i claredat. Aquesta font és ideal per a un lloc d’arquitectura, ja que reforça la imatge professional i contemporània de la marca, alhora que garanteix que el contingut sigui fàcilment llegible.
La paleta de colors del lloc, que inclou HEX #FFFFFF i HEX #1d1d1d, crea un fort contrast que ressalta els elements visuals. El blanc pur proporciona una sensació d’espai i netedat, mentre que el negre afegeix profunditat i sofisticació. Aquesta combinació no només és visualment atractiva, sinó que també ressalta l’essència del disseny minimalista que caracteritza Rietveld Projects.
El disseny del lloc és minimal i enfocat en la navegació, facilitant als visitants explorar el portafoli de manera intuïtiva. El menú de navegació està dissenyat per ser clar i funcional, cosa que permet als usuaris accedir ràpidament a les diferents seccions del lloc.
Les transicions suaus i les animacions subtils enriqueixen l’experiència de l’usuari, proporcionant un flux continu a mesura que els visitants naveguen pel portafoli. La galeria està curosament organitzada per mostrar els projectes de manera destacada, assegurant que cadascun rebi l’atenció que mereix.
En resum, el lloc web de Rietveld Projects és un exemple excepcional de com el disseny web minimalista pot comunicar efectivament l’essència d’una marca d’arquitectura. Amb el seu ús de tipografia elegant, una paleta de colors contrastant i una experiència de navegació fluida, Gewest13 ha creat una plataforma que celebra la intemporalitat i la qualitat del disseny arquitectònic.
Visitar lloc: Rietveld Projects
Conclusions
En conclusió, els dissenys web de 2025 ens demostren que la creativitat i la innovació en el món digital no tenen límits. Els 20 llocs web destacats en aquest article han sabut combinar estètica, funcionalitat i tecnologies emergents per crear experiències úniques i memorables per als usuaris.
Aquest any hem vist com la intel·ligència artificial es consolida com una eina essencial en el disseny web, permetent interfícies més personalitzades i dinàmiques. Així mateix, la realitat augmentada i la realitat virtual estan deixant de ser una tendència emergent per convertir-se en un estàndard en experiències immersives. Alhora, l’enfocament en un disseny accessible i minimalista continua sent clau, però amb una integració cada vegada més atrevida de colors vibrants, animacions i narratives visuals.
En definitiva, el disseny web continua marcant el ritme de l’evolució digital, i els exemples que hem presentat són només una mostra del potencial que ens espera en els propers anys. A Code Barcelona, estem emocionats per continuar explorant i creant dissenys web de qualitat que deixin empremta en el futur.
Disclaimer
Tots els projectes presentats en aquest article han estat realitzats per reconeguts estudis de disseny, dissenyadors i desenvolupadors web, que han estat esmentats en la descripció de cadascun. Les imatges utilitzades s’han obtingut directament de les pàgines oficials dels creadors o de fonts on han estat reconeguts o premiats.
L’objectiu d’aquest article és inspirar creatius, dissenyadors i entusiastes del disseny web, oferint-los una finestra cap al treball excepcional que s’està realitzant arreu del món. No reclamem autoria sobre els projectes esmentats, sinó que celebrem la seva innovació i aportacions al disseny digital.
- Shupatto Bags Brand Site
- AIM — AI Modernism of Kharkiv
- CPF Freiburg
- GOA Architecture
- Pharmacor
- Breaking
- Post Familiar Wine
- IDT Australia
- Accordion
- Botanic Expo
- Intrepid
- Fitonist
- Stewart & Partners
- ZETR
- Space Trash Signs
- NeoCultural Couture
- REFIRE
- Biological Preparations
- KAI
- Rietveld Projects
Recursos relacionats sobre disseny web
Continua explorant la nostra selecció dels millors dissenys web de 2026, els dissenys web més destacats de 2025 i les principals tendències de disseny web per a 2026. Per a projectes orientats a conversió, consulta quant costa una landing page. Des del nostre estudi de disseny web a Barcelona apliquem aquests criteris a projectes digitals a mida.
