Tudo começa na marca.
Sua identidade vira o ponto de partida: cor, forma e um jeito só seu de aparecer.
Vitrion Lab · protótipo de movimento
Sua vitrine em outra dimensão.
Um laboratório da Vitrion Studio para testar logo em 3D, páginas que se transformam ao rolar, vídeo que cresce e planos em vidro. Tudo pensado para o celular, com um modo leve para qualquer aparelho.
Role · ou mova o mouse sobre a logo
Efeito 01 · Partículas 3D em WebGL que reagem ao mouse
Capítulo animado em seis passos: marca, vitrine, celular, conversa, alcance e crescimento. Para ler em sequência, use o Modo Leve.
Vira uma vitrine na internet.
Um site que mostra seu negócio como ele merece, tudo em uma página: serviços, horário e mapa.
Cabe na mão do cliente.
Pensado primeiro para o celular, que é onde o cliente costuma procurar. No computador também fica ótimo.
Chama no WhatsApp.
Botão de contato em qualquer ponto da página. Pedido ou agendamento a um toque.
Pronto para ser encontrado.
Página leve, endereço próprio e ajustes técnicos básicos de SEO: a base para aparecer no Google.
E evolui junto com você.
A mensalidade cobre manutenção e as alterações de cada mês. O site cresce com o negócio.
Ver os planos →Efeito 02 · Morph de partículas preso à rolagem (vai e volta)
Efeito 03 · Revelação pelo mouse
Um site igual ao de todo mundo. Ou uma marca que ninguém confunde.
Mova o mouse para revelar. No celular, arraste o dedo na horizontal. Sem tocar em nada, o foco passeia sozinho.
Efeito 03 · Máscara que segue o cursor, com alternativa para toque
Efeito 04 · Scroll diagonal
Cada negócio, uma identidade.
Quatro conceitos, quatro paletas, quatro tipografias.
Efeito 04 · Faixa em diagonal com inclinação pela velocidade da rolagem
Umami Lab
Temaki, sushi e pedido em um toque.
Pedir no WhatsAppCardápioHorárioMapa
Navalha & Co.
Corte e barba, sem fila. Agende pelo celular.
Agendar horárioServiçosEquipePreços
Brasa Viva
Pizza no forno a lenha, do forno para a sua porta.
Fazer pedidoSaboresEntregaPromoções
Clínica Aura
Cuidado com calma, do primeiro contato ao retorno.
Marcar consultaTratamentosEquipeContato
+1O seu negócio, com identidade própria.
Efeito 05 · Vídeo expansivo
O vídeo cresce com a rolagem.
O Reel da Vitrion, em um celular que vem até você. Funciona bem para restaurantes, estúdios e lançamentos.
Efeito 05 · Vídeo que cresce e se endireita com a rolagem
Efeito 06 · Pacotes em vidro
Efeitos como estes
Pacotes, sem letra miúda.
Os pacotes da Vitrion em cartões de vidro que acompanham o mouse. Passe o cursor (ou toque) para sentir o efeito.
Básico
Para começar a aparecer.
- Site de uma página, para celular e computador
- Visual com as cores, fotos e logo do seu negócio
- Serviços ou cardápio, horário, endereço e mapa
- Botão de WhatsApp
- Antes de publicar
- 3 alterações
- Por mês
- 1 alteração
Intermediário
Para vender mais pelo celular.
- Tudo do Básico, e mais:
- Animações ao rolar a página
- Galeria de fotos e avaliações de clientes
- Modo claro e escuro
- Ajustes para aparecer melhor no Google
- Antes de publicar
- 4 alterações
- Por mês
- 2 alterações
Premium
Para se destacar de verdade.
- Tudo do Intermediário, e mais:
- Efeitos interativos (3D, vídeo que expande e outros)
- Antes de publicar
- 5 alterações
- Por mês
- 4 alterações
Efeito 06 · Vidro fosco com inclinação 3D e brilho que segue o cursor
Bastidores
Quanto custa cada efeito?
Estimativas iniciais para um site de uma página feito por dois desenvolvedores, reaproveitando componentes. Servem para decidir, não para prometer. Vamos calibrar com os primeiros projetos.
Leve
Clínicas, escritórios, comércio local
- Texto que entra ao rolar, cartões de vidro, faixa em movimento
- Só CSS e um pouco de JavaScript
- Cerca de 2 a 6 horas de trabalho
- Cabe no pacote Intermediário
Médio
Restaurantes, barbearias, estúdios
- Scroll diagonal, vídeo que expande, revelação pelo mouse
- Exige alternativa para toque e teste em vários celulares
- Cerca de 8 a 20 horas de trabalho
- O peso do vídeo é o maior custo: comprimir é obrigatório
Pesado
Marcas que vendem experiência
- Partículas e 3D em WebGL, como a logo desta página
- Pede modo leve e teste em aparelhos reais
- Cerca de 20 a 60 horas, conforme a complexidade
- Só vale quando muda a percepção da marca
No máximo 3 efeitos por siteMovimento reduzido respeitadoAlternativa para toqueModo leveCelular primeiroSem biblioteca desnecessáriaRodapé sempre acessível
Próximo passo
Vamos dar movimento ao seu negócio?
- @vitrionstudio
- contato@vitrionstudio.com.br
- vitrionstudio.com.br
Efeito 07 · Distorção líquida (filtro SVG) quando o cursor passa pelo título