Blog
30/10/2025

Projeto de design web em destaque da semana: osma

Como a osma e a chilli mind redefiniram a experiência digital corporativa com um ecossistema integrado premiado com o iF Gold Award 2025

No universo do web design corporativo e da experiência do utilizador, poucas marcas conseguem aliar tecnologia, identidade e eficiência com a coerência demonstrada pela osma GmbH & Co. KG. Este projeto, desenvolvido pelo estúdio alemão chilli mind e distinguido com o iF Gold Award 2025 na categoria de User Experience, tornou-se um exemplo de como o design centrado nas pessoas pode transformar uma empresa industrial numa referência digital. O seu ecossistema corporativo não só moderniza uma marca com mais de um século de história, como comprova que o design é uma ferramenta estratégica capaz de otimizar processos, unir equipas e elevar a perceção de valor em todos os níveis.

Uma marca industrial com ambição digital

A osma é um dos pioneiros europeus na produção de elevadores residenciais. Sediada em Osnabrück, Alemanha, a empresa dedicou décadas ao desenvolvimento de produtos de engenharia de precisão, mas a sua comunicação e presença digital não acompanhavam o ritmo da inovação técnica. O lançamento do osma 1 — o primeiro elevador residencial do mundo concebido sob uma estratégia de produto único — marcou um ponto de viragem. Esta mudança exigiu uma nova narrativa: coerente, moderna e totalmente integrada no digital.

O desafio colocado à chilli mind era enorme: transformar uma marca industrial tradicional numa experiência digital corporativa capaz de unir todos os públicos — de arquitetos e técnicos a colaboradores e parceiros comerciais — sob uma identidade visual e funcional comum. A resposta foi um ecossistema digital corporativo (CXE) desenhado como uma rede dinâmica de interações, dados e conteúdos, onde cada plataforma responde a necessidades específicas, mas partilha uma linguagem visual, uma lógica de navegação e uma experiência homogénea.

O ecossistema digital: arquitetura e experiência do utilizador

O Corporate Experience Ecosystem da osma assenta em quatro pilares fundamentais que redefinem a relação com clientes, colaboradores e parceiros. Cada um destes ambientes digitais foi concebido com uma abordagem de user-centered design, recorrendo a investigação, workshops de cocriação e prototipagem iterativa para garantir uma experiência fluida, intuitiva e relevante.

1. Website orientado para o produto: O novo portal web é o ponto de contacto central entre a marca e o cliente. Focado no osma 1, proporciona uma experiência imersiva que acompanha o utilizador em todo o processo de planeamento, design e aquisição do elevador. A arquitetura de informação privilegia a simplicidade, permitindo que arquitetos e designers acedam rapidamente a especificações técnicas, renders 3D e simulações. O design conjuga tipografia limpa, fotografia de alta qualidade e microinterações subtis que reforçam a sensação de inovação e confiança.

2. IoT Service Portal: Esta plataforma digital permite a gestão remota da manutenção, diagnósticos em tempo real e resolução de incidentes. O sistema reduz até 40% o tempo de intervenção dos técnicos no terreno, graças à ligação direta aos sensores dos elevadores. O design da interface privilegia a funcionalidade, com dashboards claros, indicadores de estado e fluxos de trabalho orientados por prioridades. A acessibilidade e a legibilidade foram essenciais para garantir eficiência em contextos de utilização intensiva.

3. Brand Portal: Um espaço dedicado às equipas de marketing e comunicação. Aqui centralizam-se todos os ativos visuais — logótipos, fotografias, tipografias, templates, vídeos — assegurando a coerência do branding em todas as aplicações. O design alia modularidade a uma estética acolhedora, tornando a gestão da marca numa experiência envolvente e não apenas funcional. Este portal tem sido fundamental para escalar campanhas e manter uma identidade visual consistente a nível internacional.

4. Intranet Corporativa: No centro do ecossistema, a intranet funciona como hub de conhecimento e colaboração. Redesenhada com uma estrutura lógica, acessos rápidos e ferramentas integradas, melhora a comunicação interna e reduz a duplicação de tarefas. A interface privilegia a hierarquia da informação, integrando iconografia simples e componentes reutilizáveis do sistema de design global.

Design visual e coerência de marca

O redesenho da osma vai além do digital: é uma reconstrução visual da marca. O novo sistema de identidade conjuga um logótipo depurado, tipografia personalizada, paleta cromática quente e uma direção de arte alinhada com os valores de precisão, fiabilidade e humanidade. Os tons suaves — com destaque para o bege, azul aço e cinzento técnico — transmitem confiança e sofisticação industrial, afastando-se do minimalismo tecnológico frio habitual no setor.

A tipografia corporativa foi desenhada especificamente para reforçar a legibilidade em ambientes digitais e técnicos, com pesos equilibrados e espaçamento generoso. O seu design transmite clareza e consistência, facilitando a navegação e a leitura, mesmo em interfaces complexas.

A fotografia assume um papel central: cenas reais de utilização, retratos de colaboradores e detalhes técnicos do produto integram-se em composições de grande equilíbrio visual. Evita-se o artifício, privilegiando um estilo honesto e humano, em sintonia com a promessa da marca. Cada imagem comunica confiança, precisão e compromisso.

Esta abordagem visual, aliada à consistência dos componentes UI, cria uma experiência de marca unificada. Do website ao portal IoT, todos os pontos de contacto partilham uma estética reconhecível, reforçando a identidade e melhorando a experiência do utilizador.

Inovação, tecnologia e resultados mensuráveis

Um dos aspetos mais relevantes deste projeto é o seu impacto mensurável tanto na eficiência operacional como na experiência global. O ecossistema digital permitiu, segundo dados da própria osma, poupar até 38 horas anuais por colaborador graças ao acesso rápido a informação contextual e relevante. Além disso, a implementação do portal IoT reduziu os tempos de diagnóstico e deslocação, com impacto direto na sustentabilidade e na pegada de carbono.

O resultado não é apenas um ambiente mais eficiente, mas uma organização mais conectada. As áreas de engenharia, marketing e assistência técnica partilham agora a mesma base visual e comunicacional, facilitando a colaboração e fortalecendo a cultura interna. Do ponto de vista do design estratégico, este é um dos grandes contributos do projeto: demonstrar como o design pode ser um catalisador de alinhamento empresarial.

Em termos tecnológicos, o ecossistema assenta numa arquitetura modular e escalável, permitindo integrar novas plataformas ou serviços sem comprometer a coerência visual. Cada ambiente utiliza um design system partilhado que define tipografias, paletas, iconografia e componentes, garantindo consistência e otimização no desenvolvimento.

Lições para o web design corporativo

O caso da osma é um exemplo notável de como o UX design e a estratégia digital podem transformar uma marca para lá da estética. Muitas vezes, as empresas industriais enfrentam o desafio de preservar o legado e, ao mesmo tempo, preparar-se para o futuro. A chilli mind consegue equilibrar estes dois mundos, desenhando um sistema que não só comunica inovação, mas a concretiza a nível estrutural.

O projeto sublinha a importância de encarar o web design como um ecossistema e não como um simples conjunto de páginas. Cada ponto de contacto digital tem um propósito específico, mas todos devem manter coerência funcional e emocional. Esta abordagem integrada permite uma experiência de utilizador consistente, uma identidade de marca forte e uma empresa mais ágil.

Destaca ainda o valor do design colaborativo: a participação de diferentes áreas — arquitetura, engenharia, marketing, assistência técnica — ao longo do processo permitiu que cada necessidade se traduzisse numa solução concreta. Este modelo de cocriação está a afirmar-se como uma das chaves do design digital contemporâneo.

Por fim, o redesenho da osma redefine o que entendemos por web design corporativo em 2026: não se trata apenas de aparência ou navegação, mas de construir experiências conectadas que respondam simultaneamente às necessidades do negócio e das pessoas.

Conclusão

O projeto da osma e chilli mind é muito mais do que um website bem desenhado: é a prova de que o design estratégico pode ser um verdadeiro motor de transformação empresarial. Vencedor do iF Gold Award 2025 pela excelência em User Experience, este ecossistema digital representa a convergência perfeita entre marca, tecnologia e utilizador. O seu sucesso assenta numa ideia poderosa: quando o design se alinha com a estratégia e é executado com empatia, pode elevar até as indústrias mais técnicas a um patamar mais humano e emocional.

Num mundo onde as empresas procuram diferenciar-se através da experiência, a osma deixa uma mensagem clara: a verdadeira inovação não está apenas no que se cria, mas em como se faz com que as pessoas o vivam. Da Code Barcelona, celebramos este projeto como referência do web design corporativo moderno — um exemplo concreto de como a experiência do utilizador pode transformar o ADN de uma marca.

Gostou?
Inscreva-se
Artigos relacionados
vamos começar a trabalhar
no teu projeto?

Analisamos a tua situação atual e definimos o próximo passo.

Entre em contato agora
Nosso site usa cookies para coletar informações sobre seu dispositivo e sua atividade de navegação. Utilizamos esses dados para melhorar o site, garantir a segurança e entregar conteúdo personalizado. Você pode gerenciar suas preferências de cookies clicando aqui.
Aceitar cookies Configurar Rejeitar cookies
Informações básicas sobre cookies
Este site utiliza cookies e/ou tecnologias similares que armazenam e recuperam informações durante sua navegação. Em geral, estas tecnologias podem ter finalidades muito diversas, como, por exemplo, reconhecê-lo como utilizador, obter informações sobre os seus hábitos de navegação ou personalizar a forma como os conteúdos são apresentados. Nossos usos específicos dessas tecnologias estão descritos abaixo. Por defeito, todos os cookies estão desativados, exceto os técnicos, que são necessários para o funcionamento do site. Se desejar mais informações ou exercer os seus direitos de proteção de dados, pode consultar o nosso Política de cookies".
Aceitar cookiesConfigurar
Cookies técnicos necessários Sempre ativo
Os cookies técnicos são estritamente necessários para o funcionamento do nosso site e para a sua navegação. Estes tipos de cookies são aqueles que, por exemplo, nos permitem identificá-lo, dar-lhe acesso a determinadas partes restritas da página se necessário, ou lembrar diferentes opções ou serviços já selecionados por você, como suas preferências de privacidade. Portanto, eles estão ativados por padrão e sua autorização não é necessária. Ao configurar o seu navegador poderá bloquear ou alertar sobre a presença deste tipo de cookies, embora esse bloqueio afete o correto funcionamento das diferentes funcionalidades do nosso site.
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.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Confirmar preferências
Contate-nos
Forma

Conte-nos
seu projeto

Indique o contexto geral da sua organização e o escopo planejado do projeto.
A Code Barcelona, ​​​​como responsável pelo tratamento dos seus dados, procederá ao seu tratamento para responder à consulta e/ou solicitação que nos faça através deste formulário de contacto. Poderá exercer os seus direitos de acesso, retificação, eliminação, bem como outros direitos, consultando a informação detalhada adicional sobre Proteção de Dados no nosso política de Privacidade.
Title
Popupcontent
Análise da sua situação digital

Analisaremos sua situação digital atual. Entraremos em contato para entender o seu contexto e avaliar conjuntamente quais áreas analisar, e posteriormente prepararemos uma auditoria com os principais pontos e recomendações.

A Code Barcelona, ​​​​como responsável pelo tratamento dos seus dados, procederá ao seu tratamento para responder à consulta e/ou solicitação que nos faça através deste formulário de contacto. Poderá exercer os seus direitos de acesso, retificação, eliminação, bem como outros direitos, consultando a informação detalhada adicional sobre Proteção de Dados no nosso política de Privacidade.
Aceptar