Pular para o conteúdo

Estudo de caso

INLabs Studio

O próprio site da INLabs: direção cinematográfica, monograma tridimensional e o Project Builder — um configurador de briefing integrado ao WhatsApp.

Status
Projeto em desenvolvimento
Categoria
Site institucional
Segmento
Estúdio digital
Página inicial do site da INLabs Studio em um notebook e em um celular

O desafio

Criar o site oficial de um estúdio de tecnologia que precisa, ao mesmo tempo, demonstrar domínio de design e desenvolvimento e facilitar o caminho entre o interesse do visitante e uma conversa comercial — sem tabelas de preço e sem formulários genéricos.

A solução

Uma experiência multipágina com direção cinematográfica, tipografia monumental e o monograma da marca extrudado em CSS 3D. O destaque é o Project Builder: um configurador em 7 etapas que organiza a ideia do cliente em um briefing estruturado e o encaminha ao WhatsApp, sem backend e sem coleta oculta de dados.

01Destaques

O que torna este projeto especial.

  • Project Builder

    Configurador de briefing com etapas adaptativas, validação, resumo editável e salvamento local.

  • Transições entre páginas

    Navegação com transições suaves usando a View Transitions API.

  • Monograma em 3D

    O símbolo oficial extrudado em CSS 3D, com reflexo que acompanha o cursor, sem bibliotecas 3D.

  • Privacidade por padrão

    Nenhum rastreamento ativo; dados só saem do dispositivo por ação do visitante.

TecnologiasNext.jsReactTypeScriptTailwind CSSMotion

Próximo passo

Quer um projeto com esse nível de cuidado?

Planeje seu projeto em poucos minutos com o Project Builder ou fale diretamente com a INLabs.

Planejar meu projetoConversar no WhatsApp