Home / Portfolio / JR Rações
Criação do Zero · 2026

JR
Rações

Como construímos do zero a presença digital de mais de 20 anos de tradição em Aldeia, PE, com design imersivo, portal de exames exclusivo e um site que transforma cliente esporádico em cliente fiel.

Cliente

JR Rações

Serviço

Criação do Zero

Stack

React · Tailwind

Prazo

14 dias

Setor

Pet Shop · Aldeia, PE

Site ao vivo

Abrir
01 · Desafio

20 anos de tradição.
Invisível no digital.

José Roberto e Rodrigo Cândido construíram a JR Rações ao longo de mais de duas décadas: um pet shop completo com veterinário, ração das melhores marcas, banho & tosa, farmácia pet e delivery, tudo em um único endereço em Aldeia, PE. Mas quem buscava por cuidados pet na região online não encontrava nada. A reputação era enorme. A presença digital, zero.

Fugir do pet shop genérico: foto de cachorro em fundo branco, lista de serviços, botão de WhatsApp. O mercado está cheio disso. O briefing foi claro: precisava ser radicalmente diferente, com uma identidade que fizesse o visitante sentir o carinho pela marca antes de ler uma linha.

Apresentar o ecossistema completo: veterinário, ração, banho & tosa, farmácia e delivery são diferenciais reais. O site precisava comunicar tudo isso com clareza, sem virar uma lista cansativa de serviços, e posicionar a JR como referência de conveniência para o tutor da região.

Converter quem pesquisa no Google: tutores de cão e gato em Aldeia e região pesquisam veterinário, ração e banho & tosa no Google todos os dias. Sem site, a JR Rações era invisível para esse público e perdia clientes para concorrentes com presença digital muito inferior em qualidade.

02 · O Processo
01

Briefing & Imersão

Entendemos o universo pet local, o perfil do tutor de Aldeia e PE, o que a JR definitivamente não queria parecer e a oportunidade real que 20 anos de reputação representavam no digital. Posicionamento antes de pixel.

02

Design System Exclusivo

Azul profundo e dourado âmbar. Background com ícones de patinhas criando imersão total no universo pet. Cards animados ilustrando os animais clientes da loja. Um design system criado para fazer o visitante se sentir em casa antes de ler uma linha.

03

Entrega em 14 dias

Desenvolvimento em React com Tailwind. Design, copy, dev e portal de exames na mesma equipe, sem terceirização, sem telefone sem fio. Tudo entregue e no ar em duas semanas.

03 · O Resultado
Ver ao vivo
JR Rações — Destaque do site
Feature exclusiva

Exames do seu pet.
Na palma da mão.

O portal de exames permite que o veterinário faça upload do PDF diretamente no painel admin, organizado por pet e por tutor. O cliente acessa com nome e CPF e visualiza todos os resultados, separados por animal, sem precisar pedir pelo WhatsApp ou guardar no celular.

Veterinário faz upload do PDF com descrição do exame diretamente no painel admin, vinculado ao pet correto

Tutor acessa com nome, sobrenome e CPF, sem app, sem download, sem fila no WhatsApp

Um usuário pode ter múltiplos pets: cada um com sua pasta individual e histórico organizado de exames

jrracoes.com.br/exames
Portal de exames — JR Rações
04 · Decisões de Design

Paleta

Azul que transmite.
Dourado que acolhe.

Descartamos o verde pet de farmácia e o rosa açucarado de pet shop de shopping. O azul escuro (#1c236c) transmite confiança profissional, a mesma seriedade do veterinário. O azul elétrico (#395af6) reforça modernidade e tecnologia. O dourado âmbar (#eaaa45) traz calor e acolhimento, a sensação de casa que o tutor sente ao chegar com o seu pet. Cada cor trabalha uma emoção diferente.

Experiência Visual

O visitante não acessa.
Ele entra no universo pet.

O background do site é composto por ícones de patinhas sutis, criando imersão no setor antes mesmo de ler uma palavra. Cards animados ilustram os animais clientes da loja, reforçando a identidade da marca. Animações estratégicas guiam o olhar sem distrair; design que encanta e converte.

Copy & Estratégia

O serviço completo vende.
O portal fideliza.

O site não apenas apresenta a JR Rações: ele cria um ecossistema. Quando o tutor acessa os exames do pet pelo portal, ele não sai mais. Não precisa. A copy foi construída para mostrar conveniência real: tudo no mesmo lugar, com preço justo e profissionais experientes. O cliente que entra, fica.

05 · Galeria
06 · Mobile First

Do celular
para a clínica.

O tutor pesquisa veterinário e pet shop no celular, no caminho do trabalho, na fila do mercado, no momento em que o pet deu um sinal de que precisa de cuidados. O site foi construído mobile-first, com carregamento rápido, navegação intuitiva em 375px e jornada tão clara no smartphone quanto no desktop.

Animações otimizadas para mobile, botão de WhatsApp flutuante para contato imediato de qualquer seção e portal de exames totalmente responsivo: o cliente acessa o PDF do exame do pet direto pelo celular, sem complicação.

Serviços

5

vet, ração, banho, farmácia, delivery

Entrega

14 dias

do briefing ao site no ar

JR Rações — Mobile
20+

Anos de tradição

em Aldeia, PE

5

Serviços integrados

no mesmo endereço

7

Seções no site

do hero ao portal de exames

0

Templates usados

design system criado do zero

Na voz de quem viveu o projeto

O site superou todas as expectativas, em tudo: das cores, imagens, até o próprio domínio que ficou fácil pro cliente procurar. O site chegou no momento importante e exato para escalar e modernizar ainda mais a empresa. Estamos sempre buscando nos atualizar e acredito que é só o começo de tudo. Parabéns à MXC Digital por ter superado todas as expectativas que tínhamos sobre o site.

Rodrigo Cândido

Rodrigo Cândido

Proprietário · JR Rações

Seu cliente está buscando agora

Quando ele te encontrar,
o que ele vai ver?

A MXC Digital constrói do zero: design system exclusivo, stack moderna, copy que posiciona. Sem template, sem terceirização, sem telefone sem fio.

Próximo projeto