Tomaz Studio Agenda aberta

Estúdio digital independente

Tomaz Studio

Sob medida

Sites, apps, sistemas e automações para o jeito que seu negócio funciona. Da primeira conversa ao produto no ar, direção, design e código ficam na mesma mão.

Ver projetos
Avatar 3D de Julio Tomaz, do Tomaz Studio, acenando e sorrindo

Manifesto

O projeto começa pelo seu negócio.

Como ele funciona hoje, quem vai usar e o que precisa mudar. É daí que saem as decisões, e só depois as telas.

Tomaz Studio

Frentes

Três frentes, um ponto de partida.

Muitos projetos passam por mais de uma. A conversa começa pelo problema; o formato vem depois.

  1. A

    Experiências digitais

    Sites e páginas que apresentam a marca com clareza e tiram os obstáculos entre o visitante e o contato.

    Nos projetosEletroSegJuliana Tomaz

  2. B

    Produtos e sistemas sob medida

    Apps, painéis e ferramentas desenhados para a operação de quem usa, com a informação reunida num lugar só.

    Nos projetosFitMatePortal de GestãoBarber VisionTecSmart

  3. C

    Automação e eficiência

    Integrações e rotinas automáticas que tiram tarefas repetitivas do dia e ligam as ferramentas que o negócio já usa.

    Nos projetosPortal de GestãoConsulta Veicular

01 — Projetos

Problemas diferentes, respostas diferentes.

07 projetos · 2026

Cada projeto mostra o que foi construído, por que cada decisão foi tomada e o que ela passou a resolver.

Tela inicial do FitMate no celular: “Um plano que lembra de você”
Nº 01Saúde · AppNatureza: Produto próprioEstágio: Em lançamento

FitMate

Treino e alimentação no mesmo plano, montado para a rotina de quem usa.

O que foi implementado Um plano refeito a cada 30 dias a partir do que a pessoa registrou.

Escopo
App por assinatura
Papel
Direção · Design · Código
Ano
2026
Entender o projeto

O raciocínio

Um plano que muda com o que você fez.

O contexto
Treino num app, dieta em outro, peso num caderno, e nenhum sabe o que o outro viu. Plano pronto não muda quando a rotina muda.
A decisão
Treino e alimentação num plano só, montado para a rotina da pessoa: em casa ou na academia, no tempo que ela tem, considerando lesões, com as refeições no horário que ela escolheu. A cada 30 dias o plano é refeito a partir do que ela realmente registrou.
O que isso resolve
O que a pessoa registra volta para ela: no resumo da semana, nas respostas do assistente e no plano do mês seguinte.

Tecnologias: React · TypeScript · Supabase · n8n · Stripe

Ver no ar
Nº 02Gestão pública · SistemaNatureza: ClienteConfidencialidade: Sob sigiloEstágio: No ar

Portal de Gestão

Projetos de várias superintendências e a economia local, num só lugar.

O que foi implementado A situação dos projetos chega ao gabinete reunida em um só lugar.

Escopo
Sistema de gestão (PWA)
Papel
Direção · Design · Código
Ano
2026
Entender o projeto

O raciocínio

O gabinete inteiro num lugar só.

O contexto
A secretária precisa reportar ao prefeito o andamento dos projetos de várias superintendências, com a informação espalhada: relatório mensal em Word, briefing que se perdia no Telegram, dados da economia local em fontes públicas separadas.
A decisão
Um assistente instalado no celular que organiza os projetos por superintendência, metas e plano de governo, recebe os relatórios mensais e guarda o briefing do dia.
O que isso resolve
Antes de cada conversa com o prefeito, a situação dos projetos e o retrato da economia local estão no celular dela, num lugar só.

Tecnologias: React · TypeScript · Supabase · n8n · Recharts

Página inicial do novo site da EletroSeg no desktop: “Segurança em cada detalhe”
A mesma página no celular
Nº 03Segurança · RebrandNatureza: ClienteEstágio: A publicar

EletroSeg

O site deixa de ser uma lista de serviços e passa a levar à conversa.

O que foi implementado Site e bio abrem o WhatsApp já com o serviço e a origem de cada contato.

Escopo
Rebrand, site e página da bio
Papel
Direção · Design · Código
Ano
2026
Entender o projeto

O raciocínio

O site que leva à conversa certa.

O contexto
O site antigo era uma lista de serviços com ícones de redes sem link, promessa de “melhor preço” e um telefone que discava o número errado. Não transmitia a confiança que a empresa vende.
A decisão
Rebrand fiel ao que a marca já tinha: o off-white do site, o grafite do logo e o azul do escudo como sinal. O site conta a proteção como um sistema, do portão ao alarme e à manutenção.
O que isso resolve
Site e página da bio levam ao WhatsApp, e cada conversa já chega com o serviço e a origem.

Tecnologias: HTML · CSS · JavaScript

Página inicial do site de Juliana Tomaz no desktop, com retrato e loja de infoprodutos
A mesma página no celular
Nº 04Marca pessoal · SiteNatureza: ClienteEstágio: No ar

Juliana Tomaz

O link da bio deixa de levar a um produto só e abre uma loja organizada.

O que passa a permitir Levar cada campanha de story direto ao produto certo, com página própria.

Escopo
Hub da bio, loja e páginas de venda
Papel
Direção · Design · Código
Ano
2026
Entender o projeto

O raciocínio

A bio vira uma loja organizada.

O contexto
O link da bio de uma criadora de conteúdo apontava direto para um único produto. Não havia onde organizar um catálogo que crescesse.
A decisão
Um hub da bio que leva a uma loja: os infoprodutos ficam num catálogo, cada um com página de venda e voz de copy próprias.
O que isso resolve
Produto novo entra no topo da loja com página própria, sem redesenhar a bio, e links diretos levam cada campanha de story ao produto certo.

Tecnologias: HTML · CSS · JavaScript · Kiwify · Vercel

Ver no ar
Tela inicial do Barber Vision no celular: “Veja o corte antes da tesoura.”, com o comparador de antes e depois sobre uma foto de banco de imagens
Nº 05Barbearias · IANatureza: Produto próprioEstágio: A publicar

Barber Vision

O cliente vê o corte no próprio rosto antes da tesoura.

O que passa a permitir Simular cinco cortes na selfie e comparar o antes e o depois.

Escopo
Web app com IA
Papel
Direção · Design · Código
Ano
2026
Entender o projeto

O raciocínio

O corte visto antes da tesoura.

O contexto
O cliente pede um corte, mas só vê como ele fica no próprio rosto depois da tesoura. Até lá, cliente e barbeiro imaginam o pedido cada um do seu jeito.
A decisão
Uma selfie e cinco cortes de catálogo (Topete, Social clássico, Máquina, Afro com degradê e Cacheado), com o resultado ao lado do antes, num comparador. Sem cadastro, e nenhuma foto fica guardada.
O que isso resolve
Cliente e barbeiro olham para a mesma imagem antes de começar, e o corte escolhido pode seguir direto para o agendamento no WhatsApp da barbearia.

Tecnologias: Next.js · React · Tailwind · OpenAI

Mais projetos

O acervo

Outros projetos, estudos e produtos, em contextos diferentes.

  1. 06TecSmartServiços · App2026
    Página inicial do TecSmart no celular: “Menos tempo no caderno. Mais tempo no que dá dinheiro.”
    Nº 06Serviços · AppNatureza: ClienteEstágio: Beta

    TecSmart

    Serviço, financeiro e quilometragem registrados na rua, num app só.

    O que passa a permitir Registrar o serviço na hora e acompanhar a operação sem caderno.

    Escopo
    SaaS para autônomos
    Papel
    Direção · Design · Código
    Ano
    2026

    O raciocínio

    Registro rápido, operação sob controle.
    O contexto
    O técnico autônomo registra serviço, peças, dinheiro e deslocamento entre um atendimento e outro. No caderno, isso não vira controle da operação.
    A decisão
    Um app feito para o celular, na rua: a ordem de serviço reúne peças, fotos e status, e o registro de quilometragem pede só o essencial.
    O que isso resolve
    Registrar fica rápido, e a operação aparece inteira: financeiro, quilometragem e um mapa de calor dos deslocamentos.

    Tecnologias: React · TypeScript · Supabase · n8n · Leaflet

    Ver no ar
  2. 07Consulta VeicularSinistros · IA · Sob sigilo2026
    1. Chassi
    2. Recalls
    3. Documentos
    4. Peças
    5. Resumo IA
    Nº 07Sinistros · IANatureza: ClienteConfidencialidade: Sob sigiloEstágio: Em desenvolvimento

    Consulta Veicular

    O histórico técnico do veículo na tela de quem aprova o sinistro.

    O que está sendo construído Uma consulta pelo chassi que mostra a peça já indenizada e o recall antes da aprovação.

    Escopo
    Ferramenta interna com IA
    Papel
    Direção · Design · Código
    Ano
    2026

    O raciocínio

    Uma consulta que encontra o pagamento indevido.
    O contexto
    O orçamento de um sinistro chega sem contexto: o analista não vê se a peça já foi paga, se há recall da fabricante ou se a empresa já tem a peça.
    A decisão
    Uma única consulta pelo chassi cruza o histórico, os recalls e as orientações técnicas internas. A IA resume o que exige atenção.
    O que isso resolve
    Antes de aprovar, o analista tem na tela o que a fabricante deveria cobrir e a peça já indenizada. Na fase 2, também a equivalente que a empresa já tem.

    Tecnologias: IA generativa · Busca na web · Leitura de PDFs

02 — Método

Quatro etapas, nesta ordem

A primeira tela só aparece na terceira.

  1. 01

    Entender

    Como o negócio funciona hoje, onde está o atrito e quem vai usar o que for construído.

  2. 02

    Explorar

    Referências, limitações e caminhos possíveis, antes de decidir o que vale construir.

  3. 03

    Desenhar

    Fluxos e um protótipo que pode ser visto, usado e discutido antes do código.

  4. 04

    Construir

    Código conferido no celular de verdade, publicação e acompanhamento depois do lançamento.

Algo poderia funcionar melhor?

Vamos entender.

Você não precisa chegar com a solução pronta. Conte o que acontece hoje e o que está dando trabalho. Na primeira conversa, entendemos o contexto e os próximos passos.

Avatar 3D de Julio Tomaz, de braços cruzados

Julio TomazDireção, design e código

© 2026 Tomaz StudioBrasil · --:--