Blog
30/10/2025

Projecte de disseny web destacat de la setmana: osma

Com osma i chilli mind han redefinit l’experiència digital corporativa amb un ecosistema integral guardonat amb l’iF Gold Award 2025

En l’àmbit del disseny web corporatiu i l’experiència d’usuari, poques marques aconsegueixen combinar tecnologia, identitat i eficiència amb tanta coherència com osma GmbH & Co. KG. Aquest projecte, desenvolupat per l’estudi alemany chilli mind i reconegut amb l’iF Gold Award 2025 en la categoria de User Experience, s’ha convertit en un referent de com el disseny centrat en les persones pot transformar una empresa industrial en un model digital. El seu ecosistema corporatiu no només actualitza una marca amb més de cent anys d’història, sinó que demostra que el disseny és una eina estratègica capaç d’optimitzar processos, connectar equips i potenciar la percepció de valor a tots els nivells.

Una marca industrial amb visió digital

osma és un dels pioners europeus en la fabricació d’ascensors residencials. Amb seu a Osnabrück, Alemanya, la companyia portava dècades desenvolupant productes d’enginyeria de precisió, però la seva comunicació i experiència digital havien quedat enrere respecte a la seva capacitat innovadora. La decisió de llançar osma 1 —el primer ascensor residencial del món concebut sota una estratègia de producte únic— va suposar un punt d’inflexió. Aquest canvi requeria una nova narrativa: coherent, moderna i plenament digitalitzada.

El repte per a chilli mind era majúscul: transformar una marca industrial tradicional en una experiència corporativa digital que integrés tots els seus públics —des d’arquitectes i tècnics fins a empleats i socis comercials— sota una mateixa identitat visual i funcional. La solució va ser un ecosistema digital corporatiu (CXE) dissenyat com una xarxa viva d’interaccions, dades i continguts, on cada plataforma respon a una necessitat concreta però comparteix un llenguatge visual, una lògica de navegació i una experiència homogènia.

L’ecosistema digital: arquitectura i experiència d’usuari

El Corporate Experience Ecosystem d’osma es basa en quatre pilars fonamentals que redefineixen la relació amb clients, empleats i col·laboradors. Cada un d’aquests entorns digitals s’ha concebut des d’una perspectiva de disseny centrat en l’usuari, amb recerca, tallers de cocreació i prototipatge iteratiu per garantir una experiència fluida, intuïtiva i rellevant.

1. Web orientada al producte: El nou portal web és el punt de trobada entre la marca i el client. Centrat en osma 1, ofereix una experiència immersiva que acompanya l’usuari durant tot el procés de planificació, disseny i adquisició de l’ascensor. L’arquitectura d’informació prioritza la simplicitat, permetent que arquitectes i dissenyadors trobin especificacions tècniques, renders 3D i simulacions en pocs clics. El disseny combina tipografia neta, fotografia d’alta qualitat i microinteraccions subtils que reforcen la sensació d’innovació i confiança.

2. IoT Service Portal: Aquest entorn digital permet gestionar remotament el manteniment, fer diagnòstics en temps real i resoldre incidències. El sistema redueix fins a un 40% el temps d’intervenció dels tècnics de camp, gràcies a la connexió directa amb els sensors dels ascensors. El disseny de la interfície aposta per la funcionalitat, amb panells de control clars, indicadors d’estat i fluxos de treball per prioritats. L’accessibilitat i la llegibilitat han estat claus per garantir l’eficiència en entorns d’ús intensiu.

3. Brand Portal: Un espai pensat per als equips de màrqueting i comunicació. Aquí es centralitzen tots els actius visuals —logotips, fotografies, tipografies, plantilles, vídeos— assegurant la coherència del branding en totes les aplicacions. El disseny combina modularitat amb una estètica càlida, convertint la gestió de marca en una experiència atractiva i no només funcional. Aquest portal ha estat clau per escalar campanyes i mantenir una identitat visual sòlida a escala internacional.

4. Intranet Corporativa: Al cor de l’ecosistema, la intranet actua com a centre de coneixement i col·laboració. Redissenyada amb una estructura lògica, accessos ràpids i eines integrades, millora la comunicació interna i redueix la duplicació de tasques. La interfície prioritza la jerarquia de la informació, integrant iconografia senzilla i components reutilitzables del sistema de disseny global.

Disseny visual i coherència de marca

El redisseny d’osma va molt més enllà del digital: és una reconstrucció visual de la marca. El nou sistema d’identitat combina un logotip refinat, tipografia pròpia, una paleta cromàtica càlida i una direcció d’art alineada amb els valors de precisió, fiabilitat i proximitat. Els colors suaus, amb predomini de beix, blau acer i gris tècnic, transmeten confiança i sofisticació industrial, allunyant-se del minimalisme fred habitual en el sector tecnològic.

La tipografia corporativa s’ha creat específicament per afavorir la lectura en entorns digitals i tècnics, amb pesos equilibrats i espaiat generós. El seu disseny transmet claredat i coherència, facilitant la navegació i la lectura fins i tot en interfícies complexes.

La fotografia té un paper protagonista: escenes reals d’ús, retrats d’empleats i detalls tècnics del producte s’integren en composicions d’equilibri visual. Es fuig de l’artifici i s’aposta per un estil honest i humà, alineat amb la promesa de la marca. Cada imatge comunica confiança, precisió i compromís.

Aquest enfocament visual, sumat a la coherència dels components UI, genera una experiència de marca cohesionada. Des del web fins al portal IoT, tots els punts de contacte comparteixen una estètica reconeixible, reforçant la identitat i millorant l’experiència d’usuari.

Innovació, tecnologia i resultats mesurables

Un dels èxits més destacats del projecte és el seu impacte tangible tant en l’eficiència operativa com en l’experiència global. L’ecosistema digital ha permès estalviar, segons dades d’osma, fins a 38 hores anuals per empleat gràcies a l’accés ràpid a informació contextual i rellevant. A més, la implantació del portal IoT ha reduït els temps de diagnòstic i desplaçament, amb un efecte directe en la sostenibilitat i la petjada de carboni.

El resultat no és només un entorn més eficient, sinó una organització més connectada. Les àrees d’enginyeria, màrqueting i servei tècnic comparteixen ara una mateixa base visual i comunicativa, cosa que facilita la col·laboració i enforteix la cultura interna. Des del punt de vista del disseny estratègic, aquest és un dels grans valors del projecte: demostrar com el disseny pot ser un catalitzador per a l’alineació empresarial.

En l’àmbit tecnològic, l’ecosistema es basa en una arquitectura modular i escalable, que permet integrar noves plataformes o serveis sense perdre coherència visual. Cada entorn utilitza un design system compartit que defineix tipografies, paletes, iconografia i components, assegurant consistència i eficiència en el desenvolupament.

Lliçons per al disseny web corporatiu

El cas d’osma és un exemple magistral de com el disseny UX i l’estratègia digital poden transformar una marca més enllà de l’aspecte visual. Sovint, les empreses industrials s’enfronten a un doble repte: preservar el seu llegat i adaptar-se al futur. Chilli mind aconsegueix equilibrar aquests dos mons, creant un sistema que no només comunica innovació, sinó que la fa realitat a nivell estructural.

El projecte posa en valor la necessitat d’entendre el disseny web com un ecosistema i no només com un conjunt de pàgines. Cada punt de contacte digital té un propòsit concret, però tots han de mantenir coherència funcional i emocional. Aquest enfocament global permet que l’experiència d’usuari sigui consistent, que la identitat de marca sigui sòlida i que l’empresa operi amb més agilitat.

També destaca la importància del disseny col·laboratiu: la participació de diferents àrees —arquitectura, enginyeria, màrqueting, servei tècnic— durant el procés va permetre traduir cada necessitat en una solució real. Aquest model de cocreació s’està consolidant com una de les claus del disseny digital actual.

Finalment, el redisseny d’osma redefineix el concepte de disseny web corporatiu el 2026: no es tracta només d’aparença o navegació, sinó de construir experiències connectades que responguin tant a les necessitats de negoci com a les de les persones.

Conclusió

El projecte d’osma i chilli mind és molt més que una web ben dissenyada: és una mostra de com el disseny estratègic pot ser un motor de transformació empresarial. Guardonat amb l’iF Gold Award 2025 per la seva excel·lència en User Experience, aquest ecosistema digital representa la convergència perfecta entre marca, tecnologia i usuari. El seu èxit rau en una idea potent: quan el disseny s’alinea amb l’estratègia i s’executa amb empatia, pot portar fins i tot les indústries més tècniques a un terreny més emocional i humà.

En un món on les empreses busquen diferenciar-se a través de l’experiència, osma ens deixa una lliçó clara: la veritable innovació no és només el que crees, sinó com fas que la gent ho visqui. Des de Code Barcelona, celebrem aquest projecte com un referent del disseny web corporatiu contemporani, un exemple tangible de com l’experiència d’usuari pot transformar l’ADN d’una marca.

T'ha agradat?
Articles relacionats
Comencem a treballar
en el teu projecte?

Analitzem la teva situació actual i definim el proper pas.

Contacta ara
El nostre lloc utilitza galetes per recopilar informació sobre el dispositiu i la seva activitat de navegació. fent clic aquí.
Acceptar cookies Configurar Rebutjar cookies
Informació bàsica de les cookies
Aquest lloc web utilitza galetes i/o tecnologies similars que emmagatzemen i recuperen informació quan navega. Política de cookies".
Acceptar cookiesConfigurar
Galetes tècniques necessàries Sempre actives
Les cookies tècniques són estrictament necessàries perquè el nostre lloc web funcioni i puguis navegar-hi.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Confirmar preferències
contacta amb nosaltres
Formulari

Explica'ns
el teu projecte

Indiqueu el context general de la vostra organització i l'abast previst del projecte.
Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Title
Popupcontent
Anàlisi de la teva situació digital

Revisarem la teva situació digital actual. Ens posarem en contacte amb tu per entendre el teu context i valorar conjuntament quines àrees analitzar, i posteriorment elaborarem una auditoria amb els punts clau i recomanacions.

Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Aceptar