01 Em resumo
O projeto em quatro frases.
O problema
O Brasil passa cada vez mais tempo em telas e lê cada vez menos. Livros ficam parados em estantes enquanto muita gente não tem acesso a eles.
A solução
Espalhar livros em lugares públicos com um marcador e um QR Code. Quem encontra, lê e passa adiante, e pode registrar essa viagem em menos de um minuto.
Meu papel
Conduzi o projeto de ponta a ponta: pesquisa, definição, wireframes, design system, protótipo, testes com usuários e implementação, usando IA para ganhar velocidade.
O resultado
App e site no ar, duas rodadas de teste com cinco sessões, um design system documentado e uma operação que custa praticamente zero para manter.
02 Contexto
Muita tela, pouca página.
Antes de desenhar qualquer tela, levantei dados recentes sobre leitura e uso de telas no Brasil. Eles definiram o tom do projeto: não é sobre culpa, é sobre colocar o livro de novo no caminho das pessoas.
por semana nas redes sociais. Mais de um dia inteiro.DataReportal, Digital 2026
dos brasileiros não leram nenhum livro nos últimos 3 meses. Pela primeira vez, a maioria.Retratos da Leitura no Brasil, 2024
dos estudantes de 15 anos ainda não chegam ao nível básico de leitura.PISA 2025, OCDE / Inep
dos leitores dizem que não leem mais por falta de tempo.Retratos da Leitura no Brasil, 2024
03 O desafio
Como fazer um livro circular sozinho pela cidade?
Como poderíamos…
…permitir que qualquer pessoa encontre um livro na rua, entenda em segundos que ele é de graça, leia no seu tempo e passe adiante, deixando um rastro da viagem, sem custo e com uma única pessoa cuidando de tudo?
Restrições que guiaram as decisões
Orçamento mínimo
Até cerca de R$ 200 por mês. Nada de servidor, banco de dados pago ou app de loja.
Uma pessoa só
Tudo precisa ser simples de manter por quem criou o projeto, sem equipe técnica.
Público leigo
Pessoas de 14 a 70+ anos, com pouca familiaridade com tecnologia, na rua, com pressa.
Dados mínimos (LGPD)
Guardar só o necessário: livro, ação, cidade e um apelido opcional. Nunca endereço exato.
Custo por livro
Um QR Code diferente por livro encareceria e travaria a operação.
A corrente não pode quebrar
Se a internet falhar ou a pessoa não quiser registrar, o livro continua valendo.
04 Processo
Do problema ao produto no ar, em sete etapas.
Um processo centrado nas pessoas, com idas e voltas: cada rodada de teste gerou mudanças no Figma, que só depois de validadas iam para o código.
Descobrir
Pesquisa secundária sobre leitura e telas. Mapa da jornada de quem encontra um livro.
Definir
Escopo, restrições e decisões-chave: QR único, registro opcional, dados mínimos.
Idear
Wireframes do app (16 telas) e do site (6 páginas, desktop e celular).
Prototipar
Design system com tokens e componentes. Protótipo navegável do app e do site.
Testar
3 sessões remotas com o protótipo e 2 presenciais com impressos e app no ar.
Implementar
Site e app, planilha como base de dados, e-mail, domínio e publicação.
Iterar
Ajustes pós-teste, estados de espera, textos revisados e dados atualizados.
Testar → ajustar no Figma → validar → implementar → testar de novo.
05 Pesquisa
Entender quem encontra o livro antes de desenhar a tela.
Mapeei a jornada de uma pessoa que não conhece o projeto e acha um livro num banco de praça: o que ela faz, pensa e sente em cada etapa, e onde a experiência pode quebrar.
Pesquisa secundária
Retratos da Leitura no Brasil, DataReportal, PISA, e estudos sobre leitura, memória e atenção. Todo dado usado no site tem fonte.
Público
Qualquer pessoa na rua: de adolescentes a idosos, usando o celular com pressa e desconfiada de “qual é a pegadinha”.
Perguntas que guiaram
É de graça mesmo? O que eu faço com o livro? Preciso devolver? Onde eu deixo depois? E se eu não quiser me cadastrar?
Mapa da jornada · quem encontra o livro
Arraste para o lado para ver a jornada inteira.
Os pontos de queda de emoção viraram requisitos: deixar claro que é gratuito, explicar o que fazer em segundos e dizer onde deixar o livro depois.
06 Decisões de produto
Cada escolha foi uma troca.
Toque em um card para ver o que ficou de fora.
07 Arquitetura e fluxo
Duas portas de entrada, um caminho curto.
O QR Code leva direto ao app de registro. O site é a porta para quem quer conhecer, ajudar ou tirar dúvidas. O app foi desenhado para caber em menos de um minuto.
Encontrei um livro
Terminei de ler
Quando algo foge do previsto
Mapa do site · livrua.com.br
Início
Menos tela, mais página · Enquanto isso · Como funciona · Como ajudar
O projeto
Por que existe · No que acreditamos · Como funciona
Por que ler
O retrato do Brasil · O que a ciência diz
Como ajudar
Dois caminhos · Como doar · Detalhes · Fale com a gente
Onde encontrar
Cidades por onde os livros passaram, vindas da planilha
Dúvidas
Perguntas frequentes · Formulário de contato
08 Wireframes
Primeiro a estrutura, depois a cor.
Em tons de cinza, desenhei a hierarquia e o fluxo das 16 telas do app e das 6 páginas do site. Assim a conversa ficava no “o quê” e no “em que ordem”, não no visual.
App · 8 das 16 telas
Arraste para o lado.
Site · desktop e celular
09 Design system
Uma base para o app, o site e os impressos falarem a mesma língua.
Tokens de cor, espaçamento, raio e tamanho, estilos de texto e componentes com variantes. Tudo com nomes em português, para qualquer pessoa do projeto entender.
variáveis em 5 coleções
estilos de texto
componentes e variantes
fontes: Outfit, Figtree e Caveat
Paleta terrosa
Tipografia
Títulos e números. Arredondada e firme.
Textos e interface. Clara em telas pequenas.
Toque manuscrito, como um recado deixado no livro.
Alguns componentes
10 Protótipo em alta fidelidade
Um app que cabe em menos de um minuto.
Um botão principal por tela, textos curtos e quase nenhuma rolagem. Também desenhei as versões para tablet e desktop, os estados de erro e as telas de espera.
Arraste para o lado para ver todas as telas.
Site · versão clean, responsiva
11 Testes de usabilidade
Pessoas reais, livros reais, ajustes reais.
Na primeira rodada, remota, as pessoas navegaram no protótipo do Figma. Na segunda, presencial, receberam um livro com o marcador e o panfleto impressos e usaram o app de verdade, já no ar.
Rodada 1 · Remota
26 de setembro de 2026
- 3 sessões gravadas por videochamada
- Protótipo navegável no Figma
- Tarefa: “Você encontrou este livro. O que você faria?”
Rodada 2 · Presencial
27 de setembro de 2026
- 2 sessões: estudante do ensino médio (17 anos) e enfermeira (45 anos)
- Marcador e panfleto impressos, QR Code real, app no ar
- Tarefa: encontrar o livro, registrar e depois passar adiante
Registros dos testes presenciais
teste presencial
teste presencial
teste presencial
teste presencial
teste presencial
O que aprendemos e o que mudou
Clareza vem antes da estética.
As maiores dúvidas foram de texto, não de visual. Revisar palavras resolveu mais do que mudar telas.
Gratuidade precisa ser dita.
Quando quase nada é de graça, a pessoa só confia quando lê isso com todas as letras.
Passar adiante não é doar.
Duas ações diferentes pediam dois caminhos diferentes, bem separados.
12 Estados de espera
Esperar também é parte da experiência.
Cada consulta à planilha leva de 1 a 3 segundos. Em vez de uma tela parada, desenhei esperas animadas com frases que contam o que está acontecendo.
Guardando seu registro…
Tempo mínimo na tela
A animação não “pisca”, e a pessoa percebe que algo foi feito.
Internet lenta
“A internet está lenta, mas continuamos tentando…”. Tranquiliza sem assustar.
Erro gentil
“Tentar de novo”, com o lembrete de que o livro continua valendo, mesmo sem registro.
13 Impressos
O marcador é a porta de entrada.
O primeiro contato é físico: um marcador de 5 × 15 cm e um panfleto A6 dentro do livro. Um único QR Code, para todos os livros, leva ao app.
14 Como funciona por trás
Um sistema completo, sem servidor e sem mensalidade.
Páginas estáticas na Netlify, uma planilha do Google como base de dados e um script do Google que faz a ponte entre os dois e envia e-mails.
1 · Quem usa
2 · Páginas · Netlify
3 · Ponte · Apps Script
4 · Dados e avisos
Privacidade (LGPD)
Guarda só o mínimo. O site nunca recebe lugar, apelido ou data: apenas cidades.
Proteção contra robôs
Campo invisível, tempo mínimo de preenchimento e limite de envios por hora.
Planilha segura
Bloqueia fórmulas enviadas por formulário e organiza gravações simultâneas.
Rápido e resiliente
Respostas guardadas por alguns minutos, servidor “acordado” ao abrir o app e limite de 15 s.
Como uma nova versão vai ao ar
hospedagem (Netlify, plano gratuito)
base de dados, API e e-mail (Google)
por ano: domínio livrua.com.br
consegue manter tudo sozinha
15 IA no processo
Eu no centro. A IA ampliando o que eu consigo fazer.
Usei o Claude como parceiro de trabalho ao longo do projeto. Ele acelerou pesquisa, alternativas e implementação. As decisões (o que construir, para quem, com que tom e o que mudar depois de ouvir as pessoas) foram minhas, como designer.
Pesquisa
Levantar e checar dados recentes com fonte.
Alternativas
Gerar 2 ou 3 opções de texto ou solução para eu comparar e escolher.
Defino o problema, ouço as pessoas, escolho e valido.
Execução no Figma
Transformar minhas decisões em telas, componentes e documentação.
Implementação
Código do site, do app e das integrações, que eu revisava e aprovava.
O que a IA não fez
Não conversou com as pessoas, não observou ninguém usando o app, não escolheu o que priorizar nem definiu o que o Livrua deveria sentir. Isso é trabalho de design, e é humano.
16 Resultados
Do papel para a rua.
produtos no ar: app de registro e site
sessões de teste em 2 rodadas
mudanças implementadas a partir dos testes
de custo mensal para manter
Próximos passos
Redesign visual do site
Nova camada visual e de interação, mantendo a estrutura validada.
Instagram @livruaprojeto
Frases de livros, dicas de leitura e conscientização sobre telas.
Revisar o marcador
Deixar o QR Code e a primeira ação mais evidentes.
Medir a corrente
Acompanhar registros, cidades e livros que voltam a circular.
Pontos parceiros
Cafés, escolas e lojas que recebem e espalham livros.
Novas rodadas de teste
Com mais perfis, principalmente pessoas mais velhas e menos conectadas.
17 Aprendizados
O que eu levo deste projeto.
Palavra também é interface.
Trocar “multa”, explicar a gratuidade e separar “passar adiante” de “doar” resolveu mais problemas do que qualquer ajuste de layout.
Simples é uma decisão, não um atalho.
Um QR único, uma planilha e páginas estáticas deixaram o projeto possível para uma pessoa só manter.
Testar com o objeto real muda tudo.
O teste presencial, com o livro e o marcador na mão, revelou coisas que o protótipo na tela não mostrava.
A IA amplia, mas não substitui o olhar.
Ela acelerou cada etapa. Ouvir as pessoas, escolher e dizer “não” continuou sendo meu papel.
Um livro parado é uma história esperando.
livrua.com.br · @livruaprojeto · livruaprojeto@gmail.com
Projeto e design: Liana Oliveira · setembro de 2026