Hei Studio © 2026
HEI

Preparando o encontro

HEI Studio. Da intenção à presença.

O que sustenta o que aparece

Uma intenção.
Tudo o que ela
pode se tornar.

A HEI é um estúdio de criação, design e tecnologia. Damos forma a identidades, sites e sistemas que precisam funcionar por inteiro.

O trabalho começa nas relações. Entre o que você imagina, o que sua organização precisa e o que alguém vai encontrar.

Conhecer por dentro

Cinco maneiras de trabalhar

A forma vem
de dentro.

As mesmas raízes, do primeiro entendimento
ao que precisa continuar.

א01 / Alef

Compreender

Encontrar a
pergunta certa.

Antes da forma, contexto. Ouvimos, investigamos e organizamos o que precisa ser entendido para começar.

Um ponto de partidaO que precisa existir,
e por quê?
ContextoPessoasIntenção
ב02 / Bet

Conectar

Fazer as partes
conversarem.

Identidade, conteúdo, experiência e tecnologia respondem à mesma intenção. A relação entre elas também é projeto.

IdentidadeConteúdoInterfaceTecnologia
ג03 / Gimel

Dar forma

Uma linguagem
que faz sentido.

Hierarquia, matéria e movimento tornam a intenção compreensível. Cada escolha participa do conjunto.

RitmoProporçãoPresença

Tipo, escala, grade e cor assentados em um sistema.

ד04 / Dalet

Construir

A ideia encontra
o uso.

Interface, movimento e código se desenvolvem juntos. Testar faz parte de criar. O que ainda não funciona muda o projeto.

  1. 01Interface
  2. 02Movimento
  3. 03Código
  4. 04Teste

Quatro camadas encaixadas. O teste volta para a interface.

ה05 / Hei

Sustentar

Criar para
que continue.

Documentação, componentes e critérios compartilhados permitem que uma obra evolua sem perder sua identidade.

Cinco critérios em equilíbrio. Pequenos ajustes, o tempo todo.

As raízes se juntam

Uma decisão exige três competências.
Outra exige as cinco.

As raízes se unem quando o problema pede e se separam quando cada uma precisa de espaço.

Escolha um projeto para ver as raízes que ele exige.

Atravessar a complexidade

Há coisas que
pesam por dentro.

Nem sempre o problema está na superfície.
Às vezes, está no que deixou de se conectar.

A empresa cresceu. A linguagem ficou para trás. Cada canal conta uma história diferente.

Rever o posicionamento e construir uma linguagem que atravesse todos os pontos de contato.

O site dificulta o próximo passo. Quem chega não encontra o caminho.

Desenhar fluxos compreensíveis a partir do que as pessoas precisam fazer.

As ferramentas existem, mas o caminho está fragmentado. A operação depende de cópias e planilhas.

Conectar as ferramentas a partir de como o trabalho realmente acontece.

Cada mudança começa do zero. As decisões se perdem entre uma entrega e outra.

Organizar componentes, documentação e critérios que sustentem as próximas decisões.

O espaço volta a se abrir.

Uma intenção em construção

Da identidade
ao encontro.

HOGEN

Uma linguagem para quem cuida do movimento. Identidade visual aprovada e uma plataforma de pilates e fisioterapia em preparação.

01 / Identidade visualAprovada em outubro de 2026

Contexto

Estúdios e clínicas
precisam de clareza.

A marca nasce para uma plataforma de gestão de pilates e fisioterapia. A assinatura, a cor e a organização da informação precisam funcionar na papelaria, na fachada e na tela.

Decisões

  1. Uma assinatura firme. O símbolo e o nome aparecem juntos e se sustentam em qualquer superfície.
  2. Laranja como sinal. Contra o preto e o off-white, a cor orienta o olhar e organiza a informação.
  3. A mesma linguagem na interface. Os estudos de produto herdam o símbolo, a cor e a hierarquia da marca.

Estado de cada entrega

Identidade visual
Aprovada
Aplicações da marca
Simulações de uso
Estudos de interface
Conceituais. Não são funcionalidades disponíveis.
Plataforma HOGEN
Em preparação

Estudos conceituais de interface

As telas são estudos conceituais. A plataforma está em preparação.

Repertório de movimento desta página

O método

Entender com profundidade.
Dar forma com precisão.
Construir para a vida real.

  1. Intenção

    Começamos por nomear o que precisa existir.

  2. Entendimento

    Estudamos contexto, público e restrições.

  3. Decisão

    Cada escolha tem um critério que pode ser defendido.

  4. Sistema

    A linguagem vira regras, componentes e relações claras.

  5. Teste

    O uso real mostra o que faltou. O que falha também ensina.

  6. Presença

    Alguém lê, navega e depende do que entregamos.

A ponte entre entender e entregar não é um salto.

Como fizemos esta árvore

A árvore da capa
não é uma imagem.

Tronco, contrafortes e raízes formam um corpo só, modelado como uma superfície contínua e desenhado pela placa de vídeo a cada quadro. O vento passa do tronco aos galhos e dos galhos às folhas. As nuvens têm volume e mudam com o percurso.

45.475
folhas, uma a uma
1.890
raízes finas
269.882
vértices de tronco, galhos e raízes
5
raízes que seguem até o fim da página

O que cuidamos, a começar por este site

  1. Tempo

    A abertura dura cinco segundos na primeira visita e encurta quando você volta.

  2. Compreensão

    Logo no primeiro scroll você soube o que o estúdio faz.

  3. Diferenças

    Contraste, navegação por teclado e uma versão com menos movimento.

  4. Continuidade

    As mesmas cinco raízes atravessam a página inteira, do começo ao fim.

  5. Necessidade real

    A conversa começa pelo seu problema, e o pacote vem depois.

A forma do nome

Estrutura firme.
Espaço para seguir.

Hei é a quinta letra do alfabeto hebraico. Dela vêm o nome do estúdio e a imagem de uma estrutura que permanece aberta.

Caso
HOGEN
Identidade
Aprovada
Plataforma
Em preparação
Organizar um ponto de partida

O próximo começo

O que você
quer construir?

Organize o ponto de partida.
O resto começa com uma boa conversa.

Do que você precisa? Opcional

O resumo fica com você. Nenhuma mensagem é enviada por aqui.