02

Schumacher House

Desenvolvido na Neotix

Explore o interior combinando tecidos, revestimentos de parede e tapetes do catálogo Schumacher.

Explore têxteis para interiores combinando tecidos, revestimentos de parede e tapetes do catálogo da Schumacher. Selecione cenários com iluminação natural dinâmica, disposições de ambientes e ambientações diversas.

Tecnologias

  • WebGI
  • ThreeJS
  • JavaScript
  • GSAP
  • SCSS
  • Vite

Estudo de caso

Por trás do projeto

  1. 01

    O contexto

    A Schumacher é uma casa de design de luxo conhecida por seus tecidos, papéis de parede e tapetes. A marca queria uma forma mais imersiva e lúdica de os designers de interiores explorarem as coleções além da página de produto. Desenvolvida na Neotix, a Schumacher 3D House é uma casa virtual onde designers decoram ambientes reais com produtos do catálogo.

  2. 02

    O desafio

    Levar a qualidade visual de um render de alto padrão para uma experiência em tempo real no navegador, no desktop e no mobile, mantendo a interface simples para designers que não estão acostumados com ferramentas 3D.

  3. 03

    A solução

    Uma casa interativa onde o usuário escolhe um ambiente, aplica papéis de parede, tapetes, cortinas e tecidos e vê o resultado em diferentes períodos do dia e paisagens. Movimentos de câmera guiados e painéis contextuais deixam a exploração intuitiva, e um snapshot exporta a composição com os produtos escolhidos para compartilhar com clientes.

    Fui responsável pelo front-end e pela interação, trabalhando ao lado do desenvolvedor e artista 3D @Anderson Mancini, que cuidou dos modelos, processamento e iluminação do ambiente 3D.

  4. 04

    Resultado

    Uma experiência que transforma o catálogo em um showroom interativo, ajudando designers a visualizar os produtos em contexto e a compartilhar ideias com seus clientes.

FUNÇÃO & CONTRIBUIÇÕES

Minhas responsabilidades

  • Desenvolvi o front-end e a camada de interação da experiência 3D com WebGi (Three.js).
  • Construí o configurador de materiais em tempo real para papéis de parede, tapetes, cortinas e estofados.
  • Implementei as configurações de ambiente, paisagem e período do dia com transições animadas de luz.
  • Criei animações de câmera guiadas e anotações contextuais com GSAP.
  • Desenvolvi o snapshot do ambiente, que exporta a composição e os produtos escolhidos em PDF.
  • Entreguei painéis, navegação e formulário de feedback responsivos para desktop e mobile.

Impactos do projeto

  • Transformou o catálogo da Schumacher em um showroom 3D interativo para designers de interiores.
  • Ajudou designers a visualizar os produtos em contexto antes de especificá-los.
  • Deu aos designers uma forma simples de compartilhar suas composições com clientes.
  • Entregou alta qualidade visual com uma experiência fluida no desktop e no mobile.