Blog
12/01/2026

Destaque de web design da semana: Integrated Biosciences por Elliott Mangham

Num ecossistema digital saturado de estímulos visuais e mensagens grandiosas, destacar não significa necessariamente fazer mais barulho. Por vezes, o verdadeiro impacto nasce da precisão, da sobriedade e da coerência. É exatamente esse o caso do site da Integrated Biosciences, um projeto distinguido com o Site of the Day nos Awwwards e que demonstra como o design web pode ser uma ferramenta estratégica para comunicar ciência, inovação e credibilidade.

Este projeto não procura impressionar com artifícios desnecessários. O seu valor reside na forma como traduz um campo altamente complexo — biotecnologia e investigação avançada — numa experiência digital acessível, elegante e alinhada com os valores da marca.

Um design web ao serviço da ciência

Desenvolver para uma empresa de biociências coloca um desafio claro: como transmitir rigor científico sem se tornar inacessível? Como comunicar inovação sem recorrer a clichés visuais? A Integrated Biosciences resolve este dilema com uma abordagem centrada na clareza, estrutura e hierarquia.

O design não tenta “simplificar” a ciência, mas sim organizá-la. Cada secção foi pensada para guiar o utilizador de forma progressiva, permitindo-lhe perceber o que faz a empresa, porque é relevante e qual o seu verdadeiro impacto. Esta narrativa pausada é uma das chaves para o sucesso da experiência digital.

Linguagem visual: precisão, sobriedade e foco

A linguagem visual do site assenta numa estética limpa e contida. A paleta de cores é propositadamente restrita, reforçando a sensação de controlo, estabilidade e profissionalismo. As cores não competem entre si: servem de suporte ao conteúdo e orientam a atenção para o essencial.

A tipografia assume um papel central. Clara, legível e sem excessos, está otimizada tanto para leituras longas como para uma navegação rápida. Este equilíbrio é fundamental em projetos onde o conteúdo é denso e conceptualmente exigente.

Não existem elementos decorativos supérfluos. Cada decisão visual responde a uma questão concreta: isto ajuda a compreender melhor a mensagem? Se a resposta for não, simplesmente não está presente.

Experiência de utilizador assente na confiança

Um dos maiores méritos deste projeto é a forma como constrói confiança através do design. Em áreas como a ciência ou a biomedicina, a credibilidade não se proclama: demonstra-se. E aqui, isso é conseguido através da coerência.

A navegação é direta, intuitiva e sem obstáculos. O utilizador nunca se sente perdido nem obrigado a decifrar interações confusas. O scroll é natural, o ritmo é bem doseado e a arquitetura da informação segue uma lógica clara.

Este tipo de UX não procura surpreender, mas sim acompanhar. E, em contextos corporativos e tecnológicos, esse acompanhamento é o que transmite uma imagem sólida de profissionalismo.

Conteúdo como eixo central do design

A Integrated Biosciences é um exemplo claro de design web orientado para o conteúdo. Aqui, o design não ofusca a mensagem — amplifica-a. Os textos respiram, os blocos estão bem espaçados e a hierarquia visual facilita a compreensão, mesmo de conceitos complexos.

Esta abordagem content-first é especialmente relevante para marcas que precisam de explicar processos, investigação ou propostas de valor avançadas. O site demonstra que um design bem executado pode ser pedagógico sem se tornar pesado.

Movimento e ritmo: o essencial

O uso de animações e transições é subtil, quase impercetível, mas muito eficaz. Não existem para chamar a atenção, mas sim para dar fluidez e continuidade à experiência. Cada transição reforça a sensação de ordem e controlo.

Este tipo de motion design contido é uma tendência cada vez mais relevante no design web de topo: menos espetáculo, mais intenção. O resultado é uma experiência moderna, sem ser intrusiva.

Destaque de web design da semana: Integrated Biosciences por Elliott Mangham - 1

Um Site of the Day com critério

A distinção como Site of the Day nos Awwwards não surge por acaso. Este projeto destaca-se precisamente pelo que muitos esquecem: coerência, clareza e uma compreensão profunda do negócio e do seu contexto.

Não é um design feito para designers, mas sim para utilizadores reais. E essa é, provavelmente, a razão pela qual resulta tão bem.

Destaque de web design da semana: Integrated Biosciences por Elliott Mangham - 2

Créditos do projeto

Projeto: Integrated Biosciences
Design web: Elliott Mangham
Cliente: Integrated Biosciences
Reconhecimento: Site of the Day nos Awwwards
Tipo de projeto: Design web corporativo / científico

Porque este projeto define o caminho no design web

A Integrated Biosciences prova que o design web não precisa de ser ruidoso para ser memorável. Numa altura em que muitas interfaces apostam no excesso, este projeto valoriza a precisão, a estratégia e o pensamento a longo prazo.

É um exemplo inspirador para estúdios e designers web que trabalham com marcas tecnológicas, científicas ou corporativas e procuram criar experiências digitais sólidas, credíveis e alinhadas com objetivos reais de negócio.

Mais do que um site bonito, estamos perante uma peça de design web estratégico. E é precisamente por isso que merece ser destacado esta semana.

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
Análisis de visibilidad en agentes de IA

Analizaremos cómo aparece tu marca en ChatGPT y otros agentes de IA, frente a qué competidores y en qué consultas. Nos pondremos en contacto contigo para entender el contexto y definir las oportunidades prioritarias.

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.