Acervo Imobiliário Quiet Luxury
PROJETADO PARA VENDER ALTO PADRÃO. E ACONTECEU.
Meus Projetos
Estudo de Caso · 01 / 06
02 · Referências Visuais, Arquitetura Web & UI/UX
Padrões de sites que desenvolvo & projetos sob medida.
Explore como referência visual e técnica os estilos reais que construo, do institucional Quiet Luxury ao SaaS interativo e design 100% exclusivo.
Engenharia de Design, Jornada, Acessibilidade & Performance
ETAPA 01 · 0 A 3s
Impacto & Clareza
Proposta de valor legível em 3 segundos (padrão ocular F/Z), sem jargão confuso e com hierarquia tipográfica imediata.
ETAPA 02 · ESCANEABILIDADE
Carga Cognitiva Zero
Lei de Hick e Miller aplicadas: conteúdo dividido em seções respiráveis para o visitante nunca se sentir perdido.
ETAPA 03 · CONFIANÇA
Prova Visual Real
Substituição de promessas genéricas por telas reais, demonstrações interativas e métricas auditáveis com tabular-nums.
ETAPA 04 · MOBILE THUMB-ZONE
Ergonomia de Toque
Lei de Fitts: botões primários posicionados na zona natural do polegar com área mínima de 44x44px.
ETAPA 05 · AÇÃO
Conversão Sem Atrito
Passagem direta para WhatsApp, agendamento ou checkout em 1 clique já com contexto preenchido.
Escala Tipográfica & Pareamento
Estética Quiet Luxury que sustenta tickets altos.
Cormorant Garamond Italic + Plus Jakarta Sans (16px · line-height 1.65)
Tokens de Espaçamento, Vidro & Motion CSS
✓ Grid 12 Colunas + Escala 8pt: ritmos consistentes (8, 16, 24, 48, 80px) e respiro generoso.
✓ Liquid Glass Calibrado:
backdrop-filter: blur(24px) saturate(180%) com bordas de 1px translúcidas.✓ Física de Mola Rápida:
160ms em micro-hovers, 210ms em fechamento de modais e cubic-bezier(0.22, 1, 0.36, 1).
Teste a Acessibilidade na Prática:
Todo site e sistema que desenvolvo nasce acessível por padrão (teclado, leitores de tela, contraste AAA e segurança para daltonismo). Clique nos modos abaixo:
Modo Padrão: contraste 16.4:1 (WCAG AAA), alvos de toque >= 44x44px e hierarquia semântica clara.
✓ Status: Horário Disponível
ARIA Live + Semântica
Agendamento Acessível Sem Barreiras
Ícones acompanham cores para nunca depender só de matiz, e cada controle possui rótulo explícito e foco visível.
VELOCIDADE REAL
LCP < 0,8s & CLS 0.00
Imagens WebP dimensionadas, fontes otimizadas e zero mudança brusca de layout durante o carregamento.
ARQUITETURA LIMPA
Zero Código Inchado
CSS Tokens modulares, animações em GPU (transform e opacity), IntersectionObserver e respeito a prefers-reduced-motion.
SEO & SEGURANÇA
Pronto para Escalar
HTML5 semântico para Google/IAs, Data Layer GTM limpo, proteção OTP/CSP e zero segredos expostos no front-end.
03 · Experiência Real · Interaja na Tela
Teste os sistemas e aplicativos funcionando agora.
Sem vídeo gravado nem caixas vazias: clique, mova vendas no CRM, converse com o app Órion, abra pastas no Windows 11 ou rode código ao vivo.
Receita Confirmada no Mês
R$ 48.900
Negociações Ativas
3
Taxa de Retorno
68%
Inativos p/ Reativar
5
1. Entrada WhatsApp / Site2
2. Proposta Enviada1
3. Fechado no Caixa1
React Native + Expo + FastAPI Python + 46 Testes
Órion · Assistente Pessoal Soberano
Use o aparelho ao lado: marque tarefas, crie itens novos, converse com a IA contextual ou inspecione o cofre criptografado em Windows DPAPI.
⚡ Clique em uma pasta na barra inferior e abra qualquer aplicativo Windows 11.
WPF ACRÍLICO
Desktop Nativo · C# & .NET 8 WPF
Ver Repositório no GitHub ↗
Pastas na Barra para Windows 11
Software desktop autoral open-source que organiza dezenas de ferramentas de trabalho em popups Fluent Acrylic instantâneos direto na barra de tarefas.
120 XP
Clique em "Executar" para rodar o código na hora.
Radar ATS 0-100 · Automação & IA
Simulador de Aderência Técnica
Escolha um perfil de demanda abaixo para calcular o score de aderência com base no meu stack real:
SCORE CALCULADO:
96 / 100
Match Alto: Python (FastAPI), JavaScript/React Native, SQL, 46 testes automatizados e deploy Cloudflare/GitHub Actions.
04 · Audiovisual 60fps & Aquisição Paga
Edição cinematográfica & tráfego de resultado.
Assista abaixo aos exemplos reais editados por mim (Motion 3D, VFX, legendas dinâmicas e áudio em -14 LUFS) e simule escala de vendas.
Engenharia Audiovisual Aplicada
Câmera 3D, Iluminação Volumétrica e Ritmo 60fps
V1 · Corte de Silêncios & Gancho 3s
72k Views
C1 · Legendas Cinéticas Whisper GPU
Retenção Alta
A1 · Voz Limpa & Color DaVinci
-14.0 LUFS
Simulador de Escala em Tráfego Pago
Investimento Mensal:
R$ 6.000/mês
Volume Mensal Est.
1.579 leads
Eficiência
R$ 3,80 CPL méd.
Potencial Gerado
R$ 81.900
05 · Perfil, Setup Real & Trajetória Técnica
Sobre mim & minha carreira.
Conheça minha atuação unindo engenharia de software e visão de negócios, meu setup de desenvolvimento e explore o Grafo de Conhecimento com 54 nós interativos da minha carreira.
Disponível para novos projetos · Florianópolis, SC & Global
Visão de negócio e engenharia na mesma mão.
Graduado em Marketing Digital (UNICV) e graduando em Engenharia de Software (Instituto INFNET). Desenho a experiência de usuário (UI/UX), escrevo a arquitetura de sistemas escaláveis, edito criativos de alto impacto em 60fps e gerencio campanhas de tráfego pago orientadas a faturamento real.
Mattheus Moraes
UI/UX · Sites · Sistemas · Apps · Vídeo
18+
sistemas e sites autorais
4,65x
retorno real em e-commerce
99/100
Performance & WCAG AAA
Linha de Trajetória & Atuação
Minha Carreira · Grafo Interativo
Career Knowledge Graph (54 Nós Conectados)
Arraste os nós, filtre por categorias, trace conexões diretas entre tecnologias e empresas ou clique em Tour Guiado para navegar na constelação técnica.
Conexão entre
e
06 · Atendimento Direto & Briefing
Vamos tirar seu projeto do papel?
Escolha o que você precisa e me chame direto no WhatsApp com o escopo já estruturado.
Selecione a frente desejada:
