Pular para o conteúdo

DT-B2B · Rev. 01

0 · Entrada: diagnóstico

Engenharia de sistemas · Teresina — PI

Primeiro entendemos sua operação. Depois escrevemos o código.

A Dev Tec B2B projeta e constrói sistemas, automações e produtos digitais para empresas — e continua responsável por eles depois da entrega.

  • Diagnóstico sem custo
  • Método Dev Tec · 7 fases · 3 pontos de aprovação
  • Acompanhamento após a entrega

Para quem

Para empresas cuja operação cresceu mais rápido que as ferramentas.

Pedidos no WhatsApp, estoque na planilha, financeiro em outro sistema. Quando a informação vive espalhada, alguém vira o sistema da empresa — quase sempre o dono. Nós desenhamos o sistema que devolve esse tempo.

Onde atuamos

Prova

Antes da proposta, a prova.

Um conceito funcional com dados fictícios. Mexa à vontade — é assim que começamos a conversa sobre a sua operação.

Painel operacionalConceito · dados fictícios
Pedidos hoje
8
Para separar
3
Atrasados
1

Etapa 2 de 4Em separação · 2

Recebido3

  • #1044

    Mercado Sol

    14 itens · 09:12

  • #1045

    Farmácia Vida

    6 itens · 09:18

  • #1046

    Loja Norte

    22 itens · 09:21

Em separação2

  • #1041

    Padaria Lume

    9 itens · 08:55

  • #1038atraso

    Mercado Sol

    31 itens · 08:30

Em rota1

  • #1036

    Loja Norte

    12 itens · 08:10

Entregue2

  • #1031

    Farmácia Vida

    5 itens · entregue

  • #1033

    Padaria Lume

    8 itens · entregue

O problema

Pedidos chegam por três canais e ninguém sabe o status sem perguntar.

Como resolvemos

Um fluxo único, com etapas visíveis e alerta automático de atraso.

Num projeto real

Integrado ao seu estoque e ao seu financeiro, com os perfis de acesso da sua equipe.

Painel operacionalFluxo de automação · próxima onda

Capacidades

Três capacidades. Uma operação.

Cada capacidade é uma camada sobre o jeito que sua empresa já trabalha — não um pacote pronto.

Sistemas de gestãoERP · ferramentas internas · painéis

Quando

a planilha virou o sistema da empresa — e só uma pessoa sabe onde está cada informação.

O que construímos

Sistemas sob medida para pedidos, estoque, financeiro e equipe: um lugar só, com o acesso certo para cada pessoa.

Aplicação web · API REST · PostgreSQL · acesso por perfil · trilha de auditoria

Automação e integraçõesAPIs · webhooks · rotinas agendadas

Quando

a mesma informação é digitada em três lugares — e alguém confere tudo no fim do dia.

O que construímos

Integrações entre os sistemas que você já usa, rotinas que rodam sozinhas e avisos que saem na hora certa — com registro de cada execução.

API REST · webhooks · filas · rotinas agendadas · logs de execução

Produtos digitaisAplicações web · portais · presença digital

Quando

o cliente procura sua empresa e encontra um perfil desatualizado — ou nada.

O que construímos

Sites, portais e aplicações web rápidos, acessíveis e fáceis de manter: a porta de entrada que depois conversa com os seus sistemas.

HTML estático · TypeScript · Core Web Vitals · SEO técnico · acessibilidade

Mapa de uma operação de exemplo: cliente e canais formam a camada de produtos digitais; pedidos, estoque, financeiro e entrega formam a camada de sistemas de gestão; API, webhook, fila, rotina agendada e aviso automático formam a camada de automação e integrações. OPERAÇÃO DE EXEMPLO · PEDIDOS E ENTREGASCAMADA ATIVAOUTRASPRODUTOS DIGITAISSISTEMAS DE GESTÃOCLIENTEfaz o pedidoCANAISsite · WhatsAppPEDIDOSstatus únicoESTOQUEbaixa na horaFINANCEIROsem redigitarENTREGArota e aceiteAPIWEBHOOKFILAROTINAAGENDADAAVISO AUTOMÁTICO AO CLIENTE
Mapa de uma operação de exemplo em camadas: produtos digitais em cima, sistemas de gestão embaixo, e a automação ligando as duas. OPERAÇÃO DE EXEMPLOCAMADA ATIVAOUTRASPRODUTOS DIGITAISSISTEMAS DE GESTÃOCLIENTEfaz o pedidoCANAISsite · WhatsAppPEDIDOSstatus únicoESTOQUEbaixa na horaFINANCEIROsem redigitarENTREGArota e aceiteAPIWEBHOOKFILAROTINAAGENDADAAVISO AUTOMÁTICO AO CLIENTE
Operação de exemplo
  1. Canais

    site · WhatsApp

    API
  2. Pedidos

    status único

    Fila

    Financeiro

    sem redigitar

    Webhook
  3. Estoque

    baixa na hora

    Rotina agendada
  4. Entrega

    rota e aceite

    Aviso automático
  5. Cliente

    recebe o aviso

Método Dev Tec

Não começamos pelo código.
E não terminamos no deploy.

Sete fases e três pontos de aprovação. Linear nas decisões, iterativo na construção, cíclico na evolução.

O método tem sete fases, em ordem: Entender, Definir, Arquitetar, Construir, Validar, Implantar e Evoluir. Há três pontos de aprovação: G1 depois de Definir, G2 depois de Arquitetar e G3 depois de Validar. Construir e Validar alternam em ciclos curtos. Evoluir alimenta um novo diagnóstico, recomeçando o ciclo. Abra uma fase para ver o que acontece, o que você recebe e como participa.

01EntenderDISCOVER

01 · DISCOVER

Entender

O que acontece

Sessões de diagnóstico e mapeamento do processo atual: como o trabalho acontece, onde há retrabalho, quem usa o quê e o que já foi tentado.Uma conversa de diagnóstico e uma análise do seu negócio.

O que você recebe

Documento de Diagnóstico: problema, contexto e oportunidades.Documento de Diagnóstico e, quando fizer sentido, um esboço.

Sua participação

Alta. É você quem conhece a operação.

Sem ponto de aprovação: o diagnóstico não tem custo.

Saída: você reconhece o problema descrito como seu

02DefinirDEFINE

02 · DEFINE

Definir

O que acontece

Priorização, recorte do escopo e critérios de aceite mensuráveis, registrados em um documento de requisitos.Escopo em uma página: o que entra e o que fica de fora.

O que você recebe

Escopo e Critérios de Sucesso + Proposta comercial.Escopo em uma página + Proposta comercial.

Sua participação

Você prioriza e aprova o que será construído.

G1 — Aprovação do escopo e da proposta.

Saída: escopo e critérios aprovados

03ArquitetarARCHITECT

03 · ARCHITECT

Arquitetar

O que acontece

Arquitetura técnica, integrações, dados e segurança, com cada decisão registrada (ADR). Wireframes e protótipo navegável.Uma demonstração navegável do que será construído.

O que você recebe

Arquitetura documentada + Protótipo navegável.Demonstração navegável.

Sua participação

Você navega no protótipo e aprova antes da construção.

G2 — Aprovação da arquitetura e do protótipo.

Saída: arquitetura e protótipo aprovados

04ConstruirBUILD

04 · BUILD

Construir

O que acontece

Desenvolvimento em incrementos curtos, com integração, versionamento e revisão a cada entrega parcial.Um ou dois incrementos, cada um revisado com você.

O que você recebe

Incrementos funcionais, versionados.Incrementos funcionais.

Sua participação

Revisões periódicas de cada incremento.

Alterna com 05 · Validar a cada incremento.

Saída: incremento pronto para validar

05ValidarVALIDATE

05 · VALIDATE

Validar

O que acontece

Testes funcionais, de usabilidade, desempenho, acessibilidade e segurança — os aplicáveis ao projeto.Testes funcionais e revisão com você.

O que você recebe

Relatório de testes.Relatório de testes.

Sua participação

Você revisa e aceita a solução.

G3 — Aceite da solução.

Saída: solução aceita

06ImplantarDEPLOY

06 · DEPLOY

Implantar

O que acontece

Configuração de ambiente, migração de dados quando houver, entrada em produção e treinamento.Publicação e domínio.

O que você recebe

Solução em produção + Runbook de implantação + Documentação de uso.Site publicado + Documentação de uso.

Sua participação

Sua equipe é treinada para usar.

Entra em produção só depois do aceite (G3).

Saída: em produção, equipe treinada

07EvoluirEVOLVE

07 · EVOLVE

Evoluir

O que acontece

Monitoramento, correções, atualizações de dependências e segurança, pequenas melhorias e planejamento da próxima evolução.Manutenção mensal.

O que você recebe

Plano de Evolução — que alimenta um novo diagnóstico.Manutenção e Plano de Evolução.

Sua participação

Canal direto para pedir ajustes e melhorias.

Volta à fase 01 com o que foi aprendido em produção.

Saída: um novo ciclo começa

↺ Evoluir alimenta um novo diagnóstico

Prazos variam por projeto e são definidos na proposta.

Trabalhos

O primeiro case da Dev Tec é este site.

Todo trabalho mostra seu status. Tracejado é conceito; contínuo é real — como num desenho técnico.

  • Case conceitual
  • Proposta não contratada
  • Real · em desenvolvimento
  • Cliente real
O componente Dev Tec, cotado com fatos deste site: tecnologia, fase do método e peso medido.STACKAstro + TypeScriptMÉTODOFase 04 de 07 · ConstruirPESO DA HOME92,0 KBJS NA HOME11,0 KBFIG. 00 — O COMPONENTE, COTADO COM FATOS DESTE SITE
Real · em desenvolvimento

Case 00 · Produtos digitais

Este site.

Como a Dev Tec aplicou o próprio método para construir o próprio site — diagnóstico, escopo, arquitetura, decisões registradas e métricas medidas a cada build, nenhum número digitado à mão.

Onde o projeto está

  1. Fase 01 concluída
  2. Fase 02 concluída
  3. Fase 03 concluída
  4. Fase 04
  5. Fase 05
  6. Fase 06
  7. Fase 07

Astro · TypeScript · Tailwind CSS · React (ilhas) · Cloudflare

demonstraçãoNão contratada
Primeira tela da demonstração — título “A academia que vai elevar o teu nível”, botões de matrícula e horários de funcionamento.
Case conceitual

Produtos digitais

Presença digital para uma academia de Teresina

Demonstração feita antes de qualquer contrato para uma academia real — planos, modalidades e horários organizados para quem decide pelo celular.

O que mediríamos num projeto real

Matrículas iniciadas pelo site e conversas abertas a partir da página.

Demonstração não contratada. O nome do negócio fica preservado até haver autorização por escrito.

HTML · CSS · JavaScript

arquitetura · visão geralFig. 02
Diagrama: três empresas acessam a mesma API em Java e Spring Boot; os dados ficam em PostgreSQL, isolados por empresa, e o Redis cuida de filas e cache; o painel é em React. EMPRESA AEMPRESA BEMPRESA CPAINELAPIPOSTGRESQLREDISReactJava · Spring Bootfilas e cacheABCDADOS ISOLADOS POR EMPRESACAMPOS CRIPTOGRAFADOS
Real · em desenvolvimento

Automação e integrações

Plataforma de atendimento automatizado

Sistema multi-tenant real — várias empresas na mesma plataforma, cada uma com seus dados isolados. O desenvolvimento está pausado; o case mostra a arquitetura e as decisões.

Desenvolvimento pausado. Capturas de tela entram quando forem aprovadas para publicação.

Java · Spring Boot · React · PostgreSQL · Redis · criptografia de campos

Cliente real

O próximo case é o da sua operação.

Este espaço é dos trabalhos contratados: publicados com autorização, com o método aplicado fase a fase e resultados apenas quando medidos.

Começar pelo diagnóstico

Estrutura de todo case

  1. 1Contexto
  2. 2Problema
  3. 3Abordagem pelo método
  4. 4Solução, com imagens reais
  5. 5Arquitetura
  6. 6Resultado — só se medido
  7. 7Aprendizados

Engenharia

Engenharia que você pode verificar.

Para quem avalia a parte técnica: princípios, decisões registradas e números medidos automaticamente — não digitados.

  1. P1

    Decisões registradas

    Cada escolha técnica relevante vira um registro: contexto, alternativas e consequências.

    ADR · Astro com ilhas interativas

  2. P2

    Leve por padrão

    A página chega pronta do servidor; só as partes interativas carregam código.

    Orçamento de peso por página

  3. P3

    Acessível desde o desenho

    Contraste, foco visível, teclado e leitor de tela fazem parte do desenho — não do retoque.

    Meta WCAG 2.2 AA

  4. P4

    Privacidade sem cookies

    O site não usa cookies de rastreamento nem pede para você aceitar nada.

    LGPD · nenhum dado guardado

  5. P5

    Documentação é entregável

    O que foi decidido, construído e implantado fica registrado — e pertence ao cliente.

    ADRs · runbook · documentação de uso

Medido no último build

Case 00

Peso transferido da Home (gzip)
92,0 KB
JavaScript enviado na Home (gzip)
11,0 KB
CSS da Home (gzip)
12,7 KB
JavaScript da demonstração, só quando visível (gzip)
70,2 KB

Gerado pelo pipeline · v0.2.0 · local · 22/09/2026

Continuidade

A entrega é o começo da parte mais longa do projeto.

06 · DeployImplantar
  1. MonitoramentoAcompanhamos se a solução está no ar e respondendo.
  2. CorreçõesProblemas encontrados em uso são corrigidos.
  3. AtualizaçõesDependências e segurança em dia.
  4. Canal diretoVocê fala com quem construiu.
  5. Plano de evoluçãoO que aprendemos vira o próximo diagnóstico.
↺ 01 · DiscoverNovo ciclo

Condições de acompanhamento são definidas na proposta — sem preço de tabela nem prazo genérico.

Convite

Agende um diagnóstico. É a fase 01 do método — e não custa nada.

O botão abre seu e-mail com um roteiro curto. Se preferir, escreva direto para devtecb2b@gmail.com.

O que acontece depois

  1. Você conta o que quer resolver, com as suas palavras. Não precisa saber o nome técnico.

  2. Respondemos pelo canal que você escolher para marcar a conversa.

  3. Conversamos por Meet ou Teams. É o início da fase 01 — Entender.