Covil dos RépteisProjeto para cliente · implementação e conteúdo em etapas
Estruturei e implementei uma plataforma educativa sobre répteis, feita sob medida para um santuário: uma enciclopédia própria, perfis para cada réptil e um arquivo vivo de acontecimentos, com administração de conteúdo para a médica veterinária responsável pelos animais.
A médica veterinária responsável queria um espaço próprio para ensinar sobre répteis, mas ainda não havia uma estrutura de produto definida.
Aproximar conhecimento geral, a vida de cada animal e a memória do cuidado dentro do mesmo sistema.
Produto responsivo com experiência pública, painel para cadastrar moradores e editar conteúdo, autenticação, APIs e persistência preparada para D1/R2.
Implementação: experiência pública, edição de conteúdo e persistência presentes no repositório local.
Conteúdo: fotos e informações individuais ainda precisam de revisão da responsável.
Publicação e uso: não confirmados nesta revisão; sem métricas de adoção.
A demanda não chegou como um sitemap
Capítulo 01 · OrigemA médica veterinária queria uma experiência digital própria para ensinar sobre os répteis sob seus cuidados, sem uma estrutura de produto definida. A primeira decisão foi organizar as relações de informação.
Mapear antes de desenhar
A matriz separa o que existe no sistema, os benefícios esperados e as dúvidas editoriais. Assim, conteúdo, moradores e memória deixam de ser partes soltas da experiência.
Uma síntese retrospectiva da arquitetura e das decisões descritas neste case.
Não há pesquisa quantitativa com visitantes documentada. A matriz não é um registro histórico de entrevistas.
Da espécie à história
Capítulo 02 · ArquiteturaEnciclopédia, galeria e diário poderiam existir como três produtos separados. A decisão que dá identidade ao Covil é fazer uma camada devolver contexto à outra.
Uma arquitetura, três camadas
O percurso vai do conhecimento geral à história de cada morador. Cada camada acrescenta contexto à anterior, em vez de funcionar como um produto isolado.
Covilpédia por espécie e assunto
Habitat, manejo e contexto geral criam uma porta de estudo.
Perfil próprio para cada morador
Nome, origem, fotos, características e cuidados deixam de ser genéricos.
Museu, registros e linha do tempo
Eventos datados devolvem história ao perfil e continuidade ao cuidado.
Uma identidade para observar com calma
Capítulo 03 · Sistema visualA direção dark fantasy naturalista usa floresta, ouro envelhecido e tipografia editorial para construir um arquivo de observação. A hierarquia dá espaço aos nomes, às imagens e aos registros de cada animal.
Rótulos sobre fotos permanecem em superfícies opacas: o ouro indica ação e estado ativo, o marfim carrega títulos e o pergaminho sustenta leitura. Imagens futuras enviadas no painel alteram o ponto crítico de contraste, e as superfícies sólidas preservam legibilidade contínua.
O morador não é só uma categoria
Capítulo 04 · PerfisDa visão panorâmica do grupo à individualidade de cada morador: uma transição deliberada na escala de leitura.
Apresenta o conjunto dos moradores, com filtros por espécie e acesso rápido aos cartões individuais. Os filtros mantêm a grade navegável conforme novos moradores são cadastrados.
Muda a escala da leitura: a espécie vira contexto de fundo, enquanto nome, origem, fotos, cuidados de manejo e linha do tempo passam a pertencer ao animal.
Os placeholders fazem parte do sistema
Quando não existe foto ou informação confirmada, a interface mostra a ausência de forma honesta e aponta para o painel administrativo, sem mascarar lacunas com biografias ou dados plausíveis inventados.
Conhecimento que volta ao cotidiano
Capítulo 05 · ConteúdoConhecimento enciclopédico e vida particular conectados em um ciclo editorial contínuo.
A Covilpédia não termina no guia. Cada assunto abre um caminho de volta para os moradores, evitando que conteúdo geral e vida particular virem duas bibliotecas sem relação.
Publicar exige revisão de conteúdo
O conteúdo é escrito e revisado pela médica veterinária responsável pelos animais. O sistema separa o que é rascunho do que é publicado.
A estrutura prevê fontes, autoria e revisão. Preencher e revisar essas informações é uma etapa editorial, separada de implementar os campos.
Separação clara entre manejo rotineiro e protocolos médicos, que demandam consulta profissional formal.
Implementado para continuar depois da entrega
Capítulo 06 · EngenhariaA interface pública é metade do produto. A outra metade é permitir que a veterinária cadastre novos moradores e atualize fichas, textos, fotos e acontecimentos sem transformar cada mudança em uma nova entrega de código.
Na demonstração abaixo, abri a biblioteca, editei o título de um rascunho e salvei. O item voltou à lista com o novo título. Usei o componente real do painel e dados fictícios em uma API simulada; esse teste verifica o fluxo de interface, sem comprovar persistência de produção ou uso pela cliente.
Detalhes da implementação e persistência
Dados estruturados e arquivos de mídia
Perfis, eventos e metadados vivem no D1; imagens ficam no R2. O banco não vira depósito de arquivo pesado e a mídia pode ter ciclo próprio.
Toda escrita atrás de sessão administrativa
A experiência pública continua aberta, enquanto criação, edição e upload passam por autenticação e rotas de escrita protegidas.
Estados vazios no lugar de dados inventados
Sem foto ou histórico real, a interface informa o que falta. Placeholder honesto é melhor que transformar conteúdo plausível em evidência falsa.
A atmosfera imersiva preservada no celular
A captura disponível mostra a organização em coluna única e a navegação recolhida. Ela registra uma versão anterior do produto, ainda com conteúdo em preparação; não substitui um teste de uso em telefone.
- Hierarquia vertical contínua sem compressão de conteúdo
- Menu recolhido para abrir espaço à leitura
- Área de toque otimizada para navegação fluida com o polegar
Contraste medido, conformidade sem atalho
Capítulo 07 · AcessibilidadeAAA não é uma propriedade da paleta. Medi os pares sólidos mais usados e tratei foco, movimento reduzido e reflow como comportamentos separados sem transformar isso num selo para o site inteiro.
Marfim sobre Fundo Floresta
Par usado nos títulos principais, acima do mínimo de 7:1 para texto normal em AAA.
Pergaminho sobre Fundo Floresta
Texto de leitura com margem alta nas superfícies mais recorrentes.
Texto secundário em superfície elevada
O menor par sólido documentado que ainda alcança o limiar AAA de texto normal.
A implementação também inclui foco visível, redução de movimento, rótulos opacos sobre mídia e reflow mobile. Imagens reais, novos componentes e estados interativos precisam repetir a medição no contexto renderizado.
O resultado e o limite dele
Capítulo 08 · ResultadoA entrega implementada conecta informação, perfis e registros, com interface pública e administração no código local. O estado editorial e a publicação são etapas separadas da implementação.
- Arquitetura de informação conectando conteúdo, perfil e registro.
- Direção visual aplicada a desktop e mobile.
- Interface pública, administração (cadastro de moradores e edição de conteúdo), autenticação, APIs e modelos de dados.
- Decisões técnicas de persistência e estados vazios honestos.
- Não há métrica de adoção ou melhoria de cuidado atribuída ao produto.
- Literatura de domínio não substitui pesquisa com usuários do Covil.
- O site é educativo e organiza a observação; não diagnostica nem substitui uma consulta veterinária.
- Publicação, entrega final à cliente e uso contínuo ainda não foram confirmados nesta revisão.