Rolagem pela página inicial do Nicell: o DRE do mês, o dia a dia da bancada, o quadro de ordens de serviço, o checklist com fotos e o estoque

Sobre

O Nicell é um sistema de gestão para assistências técnicas de celulares, notebooks e videogames: ordem de serviço, checklist com fotos, estoque, vendas e financeiro num só lugar, com um portal para o cliente acompanhar o conserto pelo celular.

O site vende o produto respondendo às perguntas de quem toca a loja: quanto lucrei este mês, onde estou perdendo dinheiro, o que já está pronto pra entrega.

Mockup do Nicell mostrando o DRE com receitas, custos e margens mês a mês
DRE por competência, a resposta para “quanto lucrei este mês?”

O problema

Assistência técnica pequena roda em WhatsApp, caderno e planilha. O cliente liga para saber do conserto, jura que o aparelho chegou sem defeito, a peça volta da garantia e ninguém lembra de quem comprou.

No fim do mês o dono não sabe quanto lucrou nem onde perdeu dinheiro.

Seção do site comparando o dia a dia sem sistema com o dia a dia usando o Nicell
O dia a dia da bancada, e o que muda com o Nicell

A abordagem

A gestão acontece dentro da ordem de serviço, não depois dela. Cada etapa da OS alimenta estoque, financeiro e indicadores, sem digitar a mesma coisa duas vezes.

Por isso o produto gira em torno do quadro de OS: mover a ordem de etapa registra o histórico, dispara alertas de prazo e atualiza o que o cliente vê no portal.

Quadro de ordens de serviço com colunas Pendente, Em reparo e Pronto para entrega
Quadro de ordens de serviço, com prazo vencido em destaque
Ordem de serviço com checklist de entrada e de entrega, fotos e assinatura do cliente
Checklist por componente, fotos e assinatura na própria OS

O produto

Sete frentes que conversam entre si, todas presas à OS:

  • Ordens de serviçoQuadro por etapa, prazos e alertas por status
  • Checklist e fotosEntrada e entrega, com assinatura do cliente
  • Estoque e comprasCusto, estoque mínimo e fornecedores por peça
  • VendasBalcão com a margem de cada item antes de confirmar
  • FinanceiroFluxo de caixa, DRE, contas e extrato bancário
  • GarantiaRetorno ligado à OS original, com motivo e fornecedor
  • Portal do clienteLink da OS com o andamento e notificação no celular
Página inicial do Nicell no celular
Portal do cliente com o andamento da ordem de serviço
O site no celular e o portal que o cliente recebe
Lista de produtos e peças com detalhe de estoque, compatibilidade e fornecedores
Estoque com custo e preço de cada fornecedor

Schibsted Grotesk

Títulos

Geist

Interface

Geist Mono

Números e códigos

  • Tinta

    #15171c

  • Índigo

    #4a63af

  • Índigo claro

    #eef1fa

  • Papel

    #ffffff

  • Pendente

    #fcbb00

  • Pronto

    #00bb7f

Identidade visual: tipografia e paleta

Identidade

Uma interface clara e silenciosa, para quem passa o dia com a mão no aparelho e o olho na bancada. O preto fica com as ações, o índigo marca o que está selecionado e as cores de status (pendente, em reparo, pronto) se repetem do quadro ao portal do cliente.

No site, os títulos em Schibsted Grotesk falam com o dono da loja; a interface do produto aparece em Geist, exatamente como no sistema.

Configuração de alertas de prazo por status da ordem de serviço
Alertas de prazo por etapa

Engenharia

Monorepo com pnpm e Turborepo: admin, API e site, mais pacotes compartilhados. A API segue arquitetura hexagonal por módulo e roda em Docker numa VPS; admin e site saem pela Vercel, com versões geradas a partir dos commits.

  • AdminVite, React 19, TanStack Query e Table, React Hook Form, Zod
  • APINestJS, Fastify, Prisma, PostgreSQL, BullMQ e Redis
  • SiteNext.js, Motion, Lenis
  • AutenticaçãoSupabase Auth
  • ArquivosS3 com URLs assinadas e PDFs com pdfmake
  • AssinaturasStripe
  • NotificaçõesE-mail e Web Push
Painel de perdas por motivo, por responsável e por tipo de serviço
Onde a loja perde dinheiro, por motivo e por responsável
Próximo projetoRoarchSite de estúdio de interiores