Se você trabalha com UI, UX ou produtos digitais, talvez já tenha usado uma interface que passou pelas mãos da MetaLab sem saber.
Fundada em 2006, a MetaLab é um estúdio de Product Design conhecido por uma definição bastante simples do próprio trabalho: “We make interfaces”. Seu portfólio inclui projetos para Slack, Midjourney, Uber, Google, YouTube, Coinbase, Amazon, Nike, Webflow, TripAdvisor e outras empresas de tecnologia. Mas o mais interessante não é a lista de clientes. É observar como a MetaLab pensa antes de desenhar a interface.
Antes do UI existe um problema de produto
Um dos erros mais comuns ao estudar grandes estúdios é olhar para seus trabalhos e tentar reproduzir tipografia, cores, cards, grids e animações.
Na MetaLab, o processo começa antes. A própria empresa afirma que UX Research está no centro do seu processo. A pesquisa ajuda a descobrir quais funcionalidades um produto realmente precisa, quais são prioritárias e o que deve fazer parte do MVP, a primeira versão funcional de um produto. Só depois desse conjunto de funcionalidades ser validado é que os designers começam a desenhar.
Isso muda uma pergunta importante. Em vez de começar com “Como podemos deixar essa dashboard mais bonita?”, podemos começar com: “Qual decisão o usuário precisa conseguir tomar nesta dashboard?”
A interface passa a ser consequência do problema que estamos tentando resolver.
O Slack mostra bem essa diferença
Quando o Slack procurou a MetaLab, ainda era um protótipo funcional sem uma interface consolidada. O trabalho envolveu UX, UI, conceito estratégico, aplicativo, marca e site.
Uma das decisões fundamentais foi colocar as mensagens no centro da experiência. Parece óbvio olhando hoje, mas esse é justamente o ponto: quando uma interface funciona bem, muitas decisões complexas desaparecem para quem está usando.
A MetaLab também trabalhou microinterações, mensagens de erro, loading, modais, animações e linguagem. Esses elementos não existiam apenas como decoração. Eles ajudavam o usuário a compreender o que estava acontecendo enquanto construíam uma personalidade diferente dos softwares corporativos da época.
Product Design não é desenhar telas
Essa talvez seja a principal lição.
O portfólio atual da MetaLab mistura constantemente disciplinas como Product Design, Product Strategy, UX Research, UI Design, Product Vision, Design Systems e Engineering. No projeto da Midjourney, por exemplo, o trabalho é apresentado como Product Design e Product Strategy. No TripAdvisor, envolve UX Research, estratégia, Product Design, engenharia e Design System.
Isso mostra uma visão mais ampla do design digital. Uma interface não é apenas um conjunto de componentes visualmente organizados. Ela precisa traduzir regras de negócio, prioridades, ações, estados, informações e decisões em algo que uma pessoa consiga compreender e utilizar.
Até o Design System entra nessa lógica. A MetaLab defende que guidelines precisam explicar não apenas o que fazer e como fazer, mas também o porquê das decisões. Seus projetos podem incluir UI kits, fluxos, motion, jornadas e documentação de comportamento para que o produto continue evoluindo depois da entrega.
O que podemos trazer disso para nossos próprios projetos
Não precisamos trabalhar para Slack ou Midjourney para aplicar esse pensamento.
Imagine um software financeiro para pequenas empresas. Antes de desenhar gráficos, cards e tabelas, deveríamos entender quais perguntas precisam ser respondidas rapidamente: quanto entrou? Quanto saiu? O que ainda precisa ser pago? Quanto dinheiro está realmente disponível? Existe alguma coisa que exige atenção?
A hierarquia visual nasce dessas respostas. O mesmo raciocínio serve para um CRM, aplicativo, SaaS, painel administrativo ou ferramenta baseada em inteligência artificial.
Podemos resumir a lógica em uma sequência simples:
problema → usuário → prioridade → fluxo → interface → sistema
É uma mudança pequena na ordem das coisas, mas enorme na maneira de projetar.
A principal lição da MetaLab talvez não esteja no visual de suas interfaces. Está em entender que uma boa interface é a representação visual de decisões de produto que já deveriam ter sido tomadas antes dela existir.
E isso continua sendo trabalho de design.
Fontes
- MetaLab — site oficial
- MetaLab — portfólio
- MetaLab — How and Why We Do UX Research
- MetaLab — Slack
- MetaLab — Midjourney
- MetaLab — The Problem with Brand Guidelines
NEWSLETTER CRIEMMais clareza.
Mais clareza.
Novas ideias.
No seu e-mail.
Presença digital, inteligência artificial e negócios criativos para quem quer entender, criar e colocar em prática.
Sem fórmulas mágicas. Sem hype. Sem spam.
Faça parte da criem
1 e-mail por semana. Gratuito.
Cancele quando quiser. Conheça nossos termos e políticas.
