Início/Projetos/MedPapper

MedPapper

Plataforma de estudo para Medicina com IA com citações, anatomia 3D e design system multiplataforma.

Case
/002 · 2026
Papel
Consultoria de produto, identidade, design system, desenvolvimento
Stack
Next.js 16, React 19, Three.js, Drizzle, Claude (Anthropic), pnpm monorepo
/01 contexto

Estudar Medicina com IA, sem perder a confiança no conteúdo.

O estudante passa horas na plataforma e precisa confiar no que lê. A web vai ao ar primeiro, e os apps nativos de iOS e Android precisam chegar depois falando exatamente a mesma língua.

  1. Conteúdo alinhado às DCN

    Módulos organizados pelos quatro ciclos do curso, do básico ao internato.

  2. IA sempre com fonte

    Todo material gerado traz a citação das fontes do curso; o anil marca o que a IA produziu.

  3. Uma fonte de verdade

    Tokens, contratos e conteúdo nascem num lugar só e alimentam web, iOS e Android.

/02 produto

As telas, como foram construídas.

Capturas e gravações do produto rodando, sem montagem.

app.medpapper.com.br/inicio
Painel do estudante · computador e celular
Painel do estudante · computador e celular
app.medpapper.com.br/anatomia-3d
Atlas de anatomia 3D com camadas
Base de conhecimentos em blocos e grafo
Base de conhecimentos em blocos e grafo
Quadros dos grupos de estudo
Quadros dos grupos de estudo
Preparação para residência
Preparação para residência
Módulos pelos quatro ciclos
Módulos pelos quatro ciclos
medpapper.com.br
Site · abertura
Site · abertura

Ver a identidade no portfólio da Heffer Studio ›

/03 arquitetura

Como o sistema se organiza.

Camadas da aplicação e a estrutura real do repositório.

  1. InterfaceNext.js 16 · React 19 · Tailwind 4 · Zustand
  2. 3D e grafosThree.js com React Three Fiber · React Flow
  3. IAClaude (Anthropic) com citações e saídas estruturadas
  4. Dados e contratosDrizzle ORM · contratos em Zod → JSON Schema
  5. MultiplataformaTokens → CSS, Swift e Kotlin · servidor MCP de paridade
tree
medpapper/
├─ apps/web/ ............ 71 telas (Next.js)
├─ packages/tokens/ ..... tokens.css · MPTokens.swift · MPTokens.kt
├─ packages/contracts/ .. Zod → JSON Schema
├─ packages/parity-mcp/ . paridade web ↔ iOS ↔ Android
├─ parity/features/ ..... 21 specs Given/When/Then
├─ parity/ledger.json ... eventos e tarefas
└─ .github/workflows/parity.yml
/04 implementação

Decisões que sustentam o produto.

  1. 01

    Tokens que viram três linguagens

    Uma alteração de cor ou espaço gera o CSS da web e as constantes de Swift e Kotlin, sem retrabalho nos apps.

  2. 02

    Contratos tipados

    O domínio é descrito em Zod e exportado como JSON Schema; os apps geram seus modelos a partir dele.

  3. 03

    Paridade rastreável

    Um servidor MCP lê cada mudança: tokens, contratos e conteúdo chegam sozinhos; interface e comportamento viram tarefas com critérios de aceite para iOS e Android.

  4. 04

    IA com proveniência

    Material gerado com citação das fontes e marcado em anil, para o estudante saber o que veio da IA.

  5. 05

    Integração contínua

    A cada push, o pipeline registra a mudança, regenera tokens e contratos e abre as tarefas de paridade.

/05 entrega

O que foi entregue.

Uma única fonte de verdade para marca, interface e contratos: a web vai ao ar primeiro e os apps nativos herdam tokens e regras sem redesenho.

  • 71telas na web
  • 21features com spec de paridade
  • 3plataformas: web, iOS e Android
  • 4ciclos do curso
  • Consultoria de produto
  • Identidade visual
  • Design system multiplataforma
  • Aplicação web
  • Pipeline de IA com citações
  • Orquestração de paridade

métricas de uso a incluir quando medidas em produção

Próximo case ›OrvelasMarketplace náutico no Rio: locações, passeios, serviços e embarques compartilhados, com web e app iOS sobre o mesmo banco.
heffer@dev: ~/novo-projeto

$ heffer contato --novo-projeto agenda aberta · 1º semestre 2027

Antes do código, a decisão.

› Um brief completo ou uma ideia solta servem. Na primeira conversa entendemos o problema e mostramos como o diagnóstico chega a um escopo fechado.

› e-mail ...... dev@heffer.studio

› whatsapp .... +55 00 00000-0000

contatos provisórios
Respondemos em até dois dias úteis.

$