Minha Logomarca
InícioSobreExperiênciaProjetosContato
Perfil

Nosso Atacarejo

    Imagem do projeto
    Imagem do projeto
    Imagem do projeto
    Imagem do projeto
    Imagem do projeto
  • Serviços de nuvem com ampla cobertura global.
    AWS
  • Framework React com renderização híbrida e recursos avançados.
    Next.js
  • Biblioteca para interfaces de usuário reativas.
    React
  • Framework CSS utilitário para construção rápida de interfaces.
    Tailwind CSS
  • Superset do JavaScript com tipagem estática.
    TypeScript

NOSSO ATACAREJO — Site Oficial

Next.js React TypeScript
TailwindCSS shadcn/ui

🛒 Sobre o Projeto

O site oficial do Nosso Atacarejo é a vitrine digital da rede: o endereço onde o cliente encontra, de forma rápida e organizada, tudo o que está em oferta nas lojas.

A proposta é simples e direta ao ponto: reunir em uma única landing page os encartes e as promoções que hoje circulam por vários canais diferentes. Em vez de procurar em redes sociais ou depender do encarte impresso, o cliente acessa o site e vê o que vale a pena aproveitar naquele momento.

No site, o visitante encontra:

  • Encartes esporádicos — as campanhas pontuais e ações relâmpago da rede;
  • Encartes semanais — as ofertas que se renovam a cada semana nas lojas;
  • Encartes mensais — as promoções de maior duração, com validade ao longo do mês;
  • Ofertas do aplicativo VC no Azul — as condições exclusivas do app, apresentadas no site para ampliar o alcance e incentivar a adesão dos clientes;
  • Informações das lojas — presença da rede e como o cliente chega até as ofertas.

Tudo isso em uma experiência leve, responsiva e pensada primeiro para o celular, que é onde a maior parte dos clientes consulta as ofertas.

Nosso Atacarejo — as ofertas da rede reunidas em um só lugar.


🎨 Identidade Visual

A interface segue a identidade da marca, com o azul #00529B e o amarelo #F5B835 como cores principais, aplicados de forma consistente em componentes, destaques e chamadas de ação.


🏗️ Arquitetura e Tecnologias

O projeto foi construído com foco em performance, responsividade e consistência visual, priorizando o carregamento rápido em conexões móveis e a facilidade de atualização dos encartes.

🔧 Stack Tecnológica

Frontend

  • Next.js (App Router)
  • React
  • TypeScript
  • Tailwind CSS — estilização utilitária com os tokens da identidade da marca
  • shadcn/ui — biblioteca de componentes acessíveis e customizáveis, garantindo padronização visual em toda a página

Boas práticas aplicadas

  • Design responsivo (mobile first) — a experiência é pensada a partir do celular;
  • Otimização de imagens — os encartes são conteúdo visual pesado, tratados para não comprometer o tempo de carregamento;
  • SEO — estrutura semântica e metadados voltados à busca orgânica pela marca e pelas ofertas;
  • Componentização — os blocos de encarte e oferta são reutilizáveis, o que agiliza a publicação de novas campanhas.

📰 Publicação dos Encartes

Os encartes são o conteúdo central da página e seguem a rotina promocional da rede:

  • Esporádicos — publicados conforme as ações e campanhas pontuais;
  • Semanais — atualizados a cada novo ciclo de ofertas;
  • Mensais — mantidos durante todo o período de validade.

As ofertas do app VC no Azul são exibidas em destaque próprio, conectando o site ao aplicativo e reforçando os benefícios exclusivos para quem é cliente cadastrado.


👨‍💻 Desenvolvimento

Projeto desenvolvido em conjunto com o time de Desenvolvimento e Tecnologia do Nosso Atacarejo, do qual Luan Paiva faz parte.


📄 Licença

Este projeto é de uso privado/organizacional. Ajuste esta seção conforme a licença desejada.