![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-5.jpg\")
<\/p>\n
Una marca industrial con ambici\u00f3n digital<\/h3>\n
osma es uno de los pioneros europeos en la fabricaci\u00f3n de ascensores residenciales<\/strong>. Con sede en Osnabr\u00fcck, Alemania, la compa\u00f1\u00eda llevaba d\u00e9cadas desarrollando productos de ingenier\u00eda de precisi\u00f3n, pero su comunicaci\u00f3n y experiencia digital se hab\u00edan quedado atr\u00e1s respecto a su innovaci\u00f3n t\u00e9cnica. La decisi\u00f3n de lanzar osma 1<\/strong> \u2014el primer ascensor residencial del mundo dise\u00f1ado bajo una estrategia de producto \u00fanico\u2014 marc\u00f3 un punto de inflexi\u00f3n. Este cambio exig\u00eda una nueva narrativa: coherente, moderna y digitalmente integrada.<\/p>\n El reto para chilli mind<\/strong> era monumental: transformar una marca industrial tradicional en una experiencia corporativa digital<\/strong> que uniera todos sus p\u00fablicos \u2014desde arquitectos y t\u00e9cnicos hasta empleados y socios comerciales\u2014 bajo una misma identidad visual y funcional. La soluci\u00f3n fue un ecosistema digital corporativo (CXE)<\/strong> dise\u00f1ado como una red viva de interacciones, datos y contenidos, donde cada plataforma responde a una necesidad espec\u00edfica pero comparte un mismo lenguaje visual, una l\u00f3gica de navegaci\u00f3n com\u00fan y una experiencia homog\u00e9nea.<\/p>\n El Corporate Experience Ecosystem<\/strong> de osma est\u00e1 compuesto por cuatro pilares principales que redefinen su relaci\u00f3n con clientes, empleados y colaboradores. Cada uno de estos entornos digitales se dise\u00f1\u00f3 desde un enfoque de user-centered design<\/strong>, con investigaci\u00f3n, talleres de co-creaci\u00f3n y prototipado iterativo para garantizar que la experiencia fuera fluida, intuitiva y significativa.<\/p>\n 1. Sitio web orientado al producto:<\/strong> El nuevo portal web es el punto de encuentro entre marca y cliente. Centrado en osma 1<\/em>, ofrece una experiencia inmersiva que gu\u00eda al usuario a trav\u00e9s del proceso de planificaci\u00f3n, dise\u00f1o y adquisici\u00f3n del ascensor. La arquitectura de informaci\u00f3n prioriza la simplicidad, permitiendo que arquitectos y dise\u00f1adores encuentren especificaciones t\u00e9cnicas, renders 3D y simulaciones en pocos clics. El dise\u00f1o combina tipograf\u00eda limpia, fotograf\u00edas de alta calidad y microinteracciones sutiles<\/strong> que refuerzan la sensaci\u00f3n de innovaci\u00f3n y confianza.<\/p>\n 2. IoT Service Portal:<\/strong> Este entorno digital permite la gesti\u00f3n remota del mantenimiento, diagn\u00f3sticos en tiempo real y resoluci\u00f3n de incidencias. El sistema reduce hasta un 40% el tiempo de intervenci\u00f3n<\/strong> de t\u00e9cnicos en campo, gracias a la conexi\u00f3n directa con los sensores de los ascensores. Su dise\u00f1o UI adopta un enfoque funcional, con dashboards claros, indicadores de estado y flujos de trabajo basados en prioridades. La accesibilidad y la legibilidad fueron claves para garantizar la eficiencia en contextos de uso intensivo.<\/p>\n 3. Brand Portal:<\/strong> Un espacio concebido para los equipos de marketing y comunicaci\u00f3n. Aqu\u00ed se centralizan todos los activos visuales \u2014logos, fotograf\u00edas, tipograf\u00edas, plantillas, v\u00eddeos\u2014 asegurando la coherencia del branding<\/strong> en todas las aplicaciones. Su dise\u00f1o combina modularidad con una est\u00e9tica c\u00e1lida, convirtiendo la gesti\u00f3n de marca en una experiencia atractiva, no meramente funcional. Este portal ha sido esencial para escalar campa\u00f1as y mantener una identidad visual consistente a nivel internacional.<\/p>\n 4. Intranet Corporativa:<\/strong> En el coraz\u00f3n del ecosistema, la intranet act\u00faa como centro de conocimiento y colaboraci\u00f3n. Redise\u00f1ada con una estructura l\u00f3gica, accesos r\u00e1pidos y herramientas integradas, mejora la comunicaci\u00f3n interna y reduce la duplicaci\u00f3n de tareas. La interfaz prioriza la jerarqu\u00eda de la informaci\u00f3n, integrando iconograf\u00eda simple y componentes reutilizables del sistema de dise\u00f1o global.<\/p>\n El redise\u00f1o de osma no se limita a lo digital: es una reconstrucci\u00f3n visual de la marca<\/strong>. El nuevo sistema de identidad<\/strong> combina un logotipo depurado, tipograf\u00eda personalizada, paleta crom\u00e1tica c\u00e1lida y una direcci\u00f3n de arte coherente con los valores de precisi\u00f3n, fiabilidad y humanidad. Los colores suaves, con predominio de tonos beige, azul acero y gris t\u00e9cnico, transmiten confianza y sofisticaci\u00f3n industrial<\/strong>, alej\u00e1ndose del fr\u00edo minimalismo tecnol\u00f3gico habitual en el sector.<\/p>\n La tipograf\u00eda corporativa<\/strong> fue dise\u00f1ada espec\u00edficamente para reforzar la lectura en entornos digitales y t\u00e9cnicos, con pesos bien equilibrados y un espaciado generoso. Su dise\u00f1o transmite claridad y consistencia, facilitando la navegaci\u00f3n y la lectura incluso en interfaces complejas.<\/p>\n La fotograf\u00eda<\/strong> juega un papel central: escenas reales de uso, retratos de empleados y detalles t\u00e9cnicos del producto se integran en composiciones de gran equilibrio visual. Se evita el artificio y se apuesta por un estilo honesto y humano, alineado con la promesa de la marca. Cada imagen comunica confianza, precisi\u00f3n y compromiso.<\/p>\n Este enfoque visual, sumado a la consistencia de los componentes UI, crea una experiencia de marca unificada<\/strong>. Desde el sitio web hasta el IoT portal, todos los puntos de contacto comparten una est\u00e9tica reconocible, lo que refuerza la identidad y mejora la experiencia del usuario.<\/p>\n Uno de los logros m\u00e1s significativos del proyecto es su impacto medible<\/strong> tanto en la eficiencia operativa como en la experiencia global. El ecosistema digital ha permitido ahorrar, seg\u00fan los propios datos de osma, hasta 38 horas anuales por empleado<\/strong> gracias al acceso r\u00e1pido a la informaci\u00f3n contextual y relevante. Adem\u00e1s, la implementaci\u00f3n del portal IoT ha reducido los tiempos de diagn\u00f3stico y desplazamiento, generando un efecto directo sobre la sostenibilidad y la huella de carbono.<\/p>\n El resultado no es solo un entorno m\u00e1s eficiente, sino una organizaci\u00f3n m\u00e1s conectada<\/strong>. Las \u00e1reas de ingenier\u00eda, marketing y servicio t\u00e9cnico ahora comparten la misma base visual y comunicativa, lo que facilita la colaboraci\u00f3n y fortalece la cultura interna. Desde el punto de vista del dise\u00f1o estrat\u00e9gico, este es uno de los grandes aportes del proyecto: demostrar c\u00f3mo el dise\u00f1o puede actuar como un catalizador de alineaci\u00f3n empresarial.<\/p>\n En t\u00e9rminos tecnol\u00f3gicos, el ecosistema se apoya en una arquitectura modular<\/strong> y escalable, permitiendo integrar nuevas plataformas o servicios sin comprometer la coherencia visual. Cada entorno utiliza un design system<\/em> compartido que define tipograf\u00edas, paletas, iconograf\u00eda y componentes, garantizando consistencia y optimizaci\u00f3n en el desarrollo.<\/p>\n El caso de osma es un ejemplo magistral de c\u00f3mo el dise\u00f1o UX<\/strong> y la estrategia digital pueden transformar una marca m\u00e1s all\u00e1 de lo est\u00e9tico. A menudo, las empresas industriales enfrentan un reto doble: mantener su legado y adaptarse al futuro. Chilli mind logra equilibrar ambos mundos, dise\u00f1ando un sistema que no solo comunica innovaci\u00f3n, sino que la ejecuta a nivel estructural.<\/p>\n El proyecto subraya la importancia de entender el dise\u00f1o web como un ecosistema<\/strong> m\u00e1s que como un conjunto de p\u00e1ginas. Cada punto de contacto digital tiene un prop\u00f3sito espec\u00edfico, pero todos deben mantener coherencia funcional y emocional. Este enfoque integral permite que la experiencia de usuario sea consistente, que la identidad de marca sea fuerte y que la empresa funcione con mayor agilidad.<\/p>\n Tambi\u00e9n resalta el valor del dise\u00f1o colaborativo<\/strong>: la participaci\u00f3n de diferentes \u00e1reas \u2014arquitectura, ingenier\u00eda, marketing, servicio t\u00e9cnico\u2014 durante el proceso permiti\u00f3 que cada necesidad se tradujera en una soluci\u00f3n concreta. Este modelo de cocreaci\u00f3n se est\u00e1 consolidando como una de las claves del dise\u00f1o digital contempor\u00e1neo.<\/p>\n Finalmente, el redise\u00f1o de osma redefine lo que entendemos por dise\u00f1o web corporativo en 2026<\/strong>: no se trata solo de apariencia o navegaci\u00f3n, sino de construir experiencias conectadas<\/strong> que respondan a las necesidades de negocio y de las personas al mismo tiempo.<\/p>\n El proyecto de osma y chilli mind<\/strong> es mucho m\u00e1s que una web bien dise\u00f1ada: es una demostraci\u00f3n de c\u00f3mo el dise\u00f1o estrat\u00e9gico<\/strong> puede actuar como un motor de transformaci\u00f3n empresarial. Ganador del iF Gold Award 2025<\/strong> por su excelencia en User Experience<\/em>, este ecosistema digital representa la convergencia perfecta entre marca, tecnolog\u00eda y usuario. Su \u00e9xito radica en una idea poderosa: cuando el dise\u00f1o se alinea con la estrategia y se ejecuta con empat\u00eda, puede elevar incluso a las industrias m\u00e1s t\u00e9cnicas hacia un territorio emocional y humano.<\/p>\n En un mundo donde las empresas buscan diferenciarse a trav\u00e9s de la experiencia, osma ofrece una lecci\u00f3n clara: la verdadera innovaci\u00f3n no est\u00e1 solo en lo que creas, sino en c\u00f3mo haces que las personas lo vivan<\/strong>. Desde Code Barcelona<\/em>, celebramos este proyecto como un referente del dise\u00f1o web corporativo moderno, un ejemplo tangible de c\u00f3mo la experiencia de usuario puede transformar el ADN de una marca.<\/p>\n","protected":false},"excerpt":{"rendered":" C\u00f3mo osma y chilli mind redefinieron la experiencia digital corporativa con un ecosistema integral premiado con el iF Gold Award 2025 En el universo del dise\u00f1o web corporativo y la experiencia de usuario, pocas marcas logran combinar tecnolog\u00eda, identidad y eficiencia con tanta coherencia como osma GmbH & Co. KG. Este proyecto, desarrollado por el […]<\/p>\n","protected":false},"author":1,"featured_media":2357,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[478],"class_list":["post-99249","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unkategorisiert"],"acf":[],"yoast_head":"\n<\/p>\n![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-3.jpg\")
<\/p>\nEl ecosistema digital: arquitectura y experiencia de usuario<\/h3>\n
![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-6.jpg\")
<\/p>\n![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-7.jpg\")
<\/p>\n![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-9.jpg\")
<\/p>\nDise\u00f1o visual y coherencia de marca<\/h3>\n
![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-1.jpg\")
<\/p>\n![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-2.jpg\")
<\/p>\nInnovaci\u00f3n, tecnolog\u00eda y resultados medibles<\/h3>\n
![\"\"](\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/10\/diseno-web-destacado-osma-8.jpg\")
<\/p>\nLecciones para el dise\u00f1o web corporativo<\/h3>\n
Conclusi\u00f3n<\/h2>\n