Headless CMS para Padaria Artesanal Orgânica do Rio.

Site institucionalPrimavera dos Pães

Primavera dos Pães

O projeto

Desenvolvi um novo site com sistema de gerenciamento de conteúdo personalizado para Primavera dos Pães, uma padaria artesanal orgânica do Rio de Janeiro. O site antigo apresentava problemas de performance, o conteúdo não contemplava detalhes sobre as lojas e os produtos e o gerenciamento do conteúdo precisava de uma divisão mais simples para facilitar a gestão.

Confira o siteRepositório

Serviços

UI Design, Front-end, CMS

Setor

Padaria

Ferramentas

Next.js, GraphQl, Tailwind, Typescript, Wordpress

Localização

Rio de Janeiro, RJ

Objetivos o projeto

Criar uma experiência digital para o catálogo de produtos e lojas físicas, enquanto comunicamos os valores da padaria.

Aprimorar a performance do site com base nos padrões do Google Core Web Vitals, garantindo uma navegação rápida e eficiente.

Simplificar o gerenciamento do conteúdo do site, permitindo atualizações diretas e intuitivas, sem a necessidade de conhecimento técnico.

O projeto se dividiu em 3 partes

UI Design

Propomos uma interface que acomoda um baita acervo de imagens da padaria para ajudar o visitante a entender a Primavera, não apenas através das fotos exuberantes de seus produtos artesanais, mas através das pessoas, dos ambientes e dos processos.

Front-end

Para uma boa performance escolhemos Next.js e hospedamos o front na Vercel. O conteúdo é carregado via API do Wordpress utilizando GraphQl, gerado estaticamente, mas atualizado de forma incremental (ISR) pelo Next. Animações, grids e responsividade ficaram por conta do Tailwind.

Gerenciamento de Conteúdo

Criamos seções e campos personalizados no Wordpress para que a equipe da padaria se sinta segura para editar à vontade todo o conteúdo do site. A seleção de imagens e composição de textos é quase toda feita por eles. Sou suspeito, mas acho que eles estão de parabéns.

Próximo projeto

Aplicativo React para gerir playlists de músicas do Spotify

Web appJamming

Jamming