Ecos da Memória · Landing page editorial
Ecos da Memória: uma LP para quinze vozes
Da reunião dos materiais à apresentação da obra e ao caminho de apoio
Estruturei e construí a landing page de Ecos da Memória, antologia de quinze contos e quinze autores. Organizei os materiais recebidos em uma experiência editorial com apresentação da obra, exploração dos participantes e encaminhamento ao Catarse.
Explorar as telas§ 01
Contexto
Ecos da Memória reúne quinze contos de participantes da Oficina de Contos, ligados pelo tema da memória. A LP apresenta o projeto coletivo e leva os interessados à campanha de financiamento no Catarse.
A parte mais trabalhosa foi reunir os materiais dos autores. Com os textos, fotos, capa e ícones recebidos, organizei uma sequência para conhecer o livro, explorar as contribuições e entender como apoiar.
§ 02
Decisões de UX/UI
01Levar a identidade do livro para a interface
Usei azul-marinho, cobalto, texto creme e tipografia serifada para aplicar a identidade da publicação à página. Na abertura, o título em grande escala se repete ao fundo, trabalhando a ideia de eco.
O mockup do livro aparece depois, junto da apresentação da coletânea. A capa foi recebida pronta.
Aplicação da identidade do livro à página. A capa foi recebida pronta. - 02
Dar uma estrutura comum às contribuições
Organizei os contos em cards com número, título, autoria, tema e sinopse. A estrutura é recorrente, enquanto cada participação mantém seus textos e motivos visuais.
Esse padrão dá forma aos materiais de quinze pessoas dentro da mesma página. A minissinopse de cada conto continua creditada ao respectivo autor.
Uma estrutura comum para as contribuições. O print mostra o início da grade, não os quinze contos completos. - 03
Permitir aprofundar a leitura por escolha
Os textos maiores têm controles para expandir e recolher o conteúdo. A primeira apresentação fica mais curta, e o visitante pode abrir a sinopse que quiser explorar.
O estado registrado no celular mostra o controle “Menos” após a expansão. As apresentações individuais dos autores também contam com expansão quando necessário.
Sinopse expandida em emulação de celular, com o controle “Menos” visível. - 04
Dar espaço a quem escreveu a obra
Separei a apresentação dos autores da grade de contos. Retrato, nome, obra e texto individual seguem um padrão próprio, ligado à contribuição de cada participante.
Meu trabalho foi organizar e aplicar esse conjunto à interface. Fotografias e apresentações foram recebidas; sua presença na composição não transfere a autoria desses materiais.
As apresentações individuais seguem um padrão próprio. As fotos e os textos foram fornecidos para a LP. - 05
Conectar a apresentação ao apoio
Distribuí os caminhos para o Catarse ao longo da página e organizei uma seção de apoio em quatro passos. O conteúdo explica o percurso até a campanha.
Nas telas menores, a faixa inferior mantém a ação de apoio visível durante a leitura. A contribuição financeira acontece na plataforma de financiamento.
Orientação para apoiar na campanha do Catarse. A tela não registra contribuição ou resultado de arrecadação. - 06
Reorganizar as grades e os textos
Os contos passam de três colunas no desktop para duas no tablet e uma no celular. A grade de autores também muda de distribuição, chegando a uma coluna na tela estreita.
Ajustei o espaço das imagens e dos textos expansíveis, mantendo título, autoria e caminho de apoio identificáveis nas composições registradas.
A grade em duas colunas, em emulação de tablet. A ordem pode diferir de outras visitas registradas.
§ 03
Construção com IA
Usei principalmente o Lovable para construir a LP e integrar os materiais recebidos à experiência navegável.
- Componentes editoriais
- A implementação reúne âncoras, cards com textos expansíveis, FAQ e acesso à campanha.
- Execução
- Sem uma contagem exata, estimo que a soma do trabalho não tenha passado de cerca de oito horas.
§ 04
SEO
Trabalhei a estrutura de descoberta da antologia, com metadados e organização ligados à obra e aos contos.
- Contexto da publicação
- Título e descrição específicos, URLs canônicas por rota, hierarquia de títulos e marcação estruturada da obra e dos contos.
- Arquivos de descoberta
- Robots e sitemap estavam disponíveis na coleta, junto dos elementos de apresentação e compartilhamento da página.
↳ Essas evidências descrevem a implementação. Não comprovam indexação, tráfego, cliques de apoio ou arrecadação.
§ 05
Telas
Versão registrada em 23/10/2026. Tablet e celular são emulações de viewport. As capturas podem mostrar visitas com ordens diferentes de contos e autores.
Desktop · 03
Tablet · 03
Celular · 03
§ 06
Créditos
Matheus Barros: design da LP, UX/UI, organização da informação, SEO, construção e implantação. Copy principal: Caio. Apresentações individuais e minissinopses: respectivos autores.
Capa do livro, fotografias e ícones recebidos prontos. A contribuição literária de Matheus é distinta do trabalho apresentado neste case.