Saltar para o conteúdo
Trabalho

Livraria Projeto de demonstração

Página — livraria independente com uma estante onde se reserva

Um site papel-de-livro-e-ameixa para uma livraria em Évora: doze livros por semana com capas tipográficas, um filtro por estado de espírito (rir, chorar, pensar, fugir, adormecer), reservas guardadas sete dias, sessões às quintas com lugares contados e confirmação, e lista de espera do clube de leitura. Sem loja online, de propósito — reserva-se aqui, levanta-se lá.

Pré-visualização de Página — livraria independente com uma estante onde se reserva

feitura.com/demo/pagina — Ao vivo

Uma livraria independente não ganha em stock a um marketplace, por isso o site vende o que um marketplace não tem: a escolha de uma pessoa, uma sala, uma quinta-feira. Tem de tornar reservar um livro escolhido e dizer 'vou' a uma sessão tão fácil como um clique, sem fingir ser uma loja.

O que está lá dentro

  • Doze livros com capas tipográficas desenhadas em CSS (lombada, tinta, título, autor) — sem imagens de capa, sem fotografia de banco
  • Filtro por estado de espírito que reduz a estante; estados de stock (exemplares, último, esgotado) e reserva por livro guardada sete dias
  • Uma prateleira de lombadas desenhadas no hero cujas alturas seguem o número de páginas
  • Sessões às quintas com datas, lugares que sobram, confirmação com seletor de pessoas, estados só-membros e esgotado
  • Clube de leitura: como funciona, o livro de outubro, pedido de lista de espera
  • Uma folha para três intenções (reservar, ir, entrar) com validação inline — só front-end
  • Display slab serif sobre papel quente com acento ameixa e datas mostarda; bilingue PT/EN, diálogo fechável com Escape, alvos de 44 px

Registo de construção

  1. Direção de arte — papel de livro, tinta, ameixa, mostarda; slab serif; sistema de capas tipográficas
  2. Dados da estante, filtro por estado de espírito, estados de stock, fluxo de reserva
  3. Sessões com lugares e confirmação; clube de leitura e lista de espera
  4. Loja, promessas, mapa; a prateleira de lombadas no hero
  5. FAQ, revisão do texto bilingue, verificações de teclado e a 375px

Stack

  • Laravel
  • Vue.js
  • Inertia
  • TypeScript

Quer algo assim para o seu negócio?

Começar um projeto como este

Quando estiver pronto

Diga-nos a sua ideia. Vamos dar-lhe forma.

Pedir orçamentoResposta rápida e pessoal — do engenheiro.