23 protótipos funcionais em código
Uma ponte entre design e desenvolvimento: uma biblioteca de protótipos Livewire com qualidade de produção.
Design Engineer
Publica.la
2024 – Present
Contexto
A equipa de desenvolvimento precisava de protótipos mais claros e mais fáceis de implementar. O vaivém entre design e desenvolvimento era lento e o resultado nem sempre respeitava o design original.
O problema
Os programadores perdiam tempo a interpretar mockups do Figma. As especificações não chegavam para descrever interações complexas. A fidelidade do que era implementado ressentia-se e o vaivém era constante.
Processo
Criei uma biblioteca de 23 protótipos funcionais escritos 100% em código: Laravel 12 + Livewire 4 + Tailwind CSS 4 + Alpine.js. Cada protótipo é um componente Livewire autónomo com vistas Blade.
Solução
Os programadores clonam o repositório e correm os protótipos localmente. Cobrem checkout, ofertas, subscrições, configuração de taxonomias, páginas de produto, leitor, reembolsos parciais, importação de conteúdo e muito mais.
Impacto
Implementação mais rápida, menos reuniões para esclarecer dúvidas e muito mais fidelidade no que é implementado.
