Case de Site Institucional
JP Assistência Técnica
Site para assistência técnica de celulares em Domingos Martins e região. Serviços, trabalhos realizados e contato no WhatsApp estruturados para o cliente local entender cobertura e como pedir ajuda.
Papel
UX/UI Designer & Desenvolvedor
Empresa
JP Assistência Técnica (cliente)
Ferramentas
Next.js, Tailwind CSS, Vercel, Cursor
Localização
Domingos Martins, Brasil
Duração
Projeto pontual
Introdução
A JP Assistência Técnica, loja de conserto de celulares em Domingos Martins e região, precisava de um site mobile first que respondesse às dúvidas mais comuns de reparo antes da primeira mensagem no WhatsApp. Clientes locais chegam ansiosos com aparelho quebrado, cobertura e preço. O site precisava tornar serviços, consertos realizados e contato imediatos na tela do celular. Reduzir incerteza antes da conversa era o objetivo inteiro de UX.
Papel & Responsabilidades
- Desenhei uma lista de serviços e vitrine de consertos que respondem dúvidas comuns de antemão.
- Priorizei UX mobile para tráfego de busca e redes sociais de clientes locais.
- Estruturei cobertura e próximos passos para o visitante saber como pedir ajuda rápido.
- Construí o site em Next.js e publiquei na Vercel.
- Ajustei espaçamento, tipografia e posição de CTA com Cursor.
- Criei um caminho direto de WhatsApp para o momento ansioso de 'meu celular tem conserto?'.
O Desafio
A maioria dos visitantes chegava pela busca ou redes sociais já no celular, muitas vezes ansiosa com um aparelho quebrado e preocupada com o custo. Se o site não respondesse 'eles resolvem meu problema, e o que acontece depois' quase imediatamente, as pessoas bounceavam ou mandavam mensagens vagas que atrasavam tudo. Polimento de desktop importava menos do que clareza mobile sob estresse. O desafio era desenhar para urgência sem parecer barato ou confuso.
O Processo
Desenhei a lista de serviços e a vitrine de consertos pensando primeiro na leitura mobile, priorizando as perguntas que os clientes mais fazem antes de refinar detalhes de desktop. A hierarquia colocou cobertura, prova de consertos e contato no WhatsApp nos primeiros scrolls decisivos. Microespaçamento, tipografia e posição de CTA foram ajustados com Cursor para a página parecer calma e usável em telas pequenas. O fluxo assumiu atenção interrompida e pouca paciência.
Personas
Isabela, dona de celular com tela quebrada
Mora em Domingos Martins ou região, acabou de danificar o celular e busca no mobile uma opção local de conserto.
Necessidades & Objetivos
Confirmação imediata de que o problema é atendido, senso de confiança e um caminho rápido de WhatsApp para perguntar prazo e preço.
Desafios
Estresse, pouca paciência para página lenta e medo de preço pouco claro ou de loja que talvez não atenda o aparelho.
Paulo, responsável pelo celular da família
Cuida do reparo do aparelho do cônjuge ou do adolescente e quer uma loja local direta, sem jargão técnico.
Necessidades & Objetivos
Explicações simples de serviço, prova de consertos anteriores e contato fácil para combinar entrega ou dúvidas.
Desafios
Listas de serviço confusas, layouts mobile fracos e incerteza sobre o que enviar na primeira mensagem.
Resultados
O site mobile first ajuda o cliente local a entender rapidamente cobertura e próximos passos, com um caminho direto de WhatsApp para o momento ansioso de descobrir se o celular tem conserto. A JP apresenta os serviços com mais clareza, e as primeiras mensagens tendem a começar de visitantes melhor informados. A loja ganha uma porta digital simples, alinhada a como as pessoas locais realmente pedem ajuda.
Principais Entregas
- Lista de serviços mobile first para conserto de celulares
- Seção de vitrine / consertos realizados
- Fluxo de contato via WhatsApp para pedidos locais urgentes
- Mensagens claras de cobertura e próximo passo
- UI institucional responsiva afinada para telas pequenas
- Deploy em produção na Vercel
Minha Contribuição
Desenhei e construí a estrutura mobile first de serviços e vitrine de consertos, usando Cursor para ajustar espaçamento, tipografia e posição de CTA para um público local e majoritariamente mobile. A ownership focou em reduzir ansiedade antes do contato: responder as perguntas óbvias, mostrar prova e tornar o WhatsApp inevitável sem ser invasivo. Isso tornou o site útil exatamente no contexto em que as decisões de reparo acontecem.
Aprendizados
- Para uma assistência técnica, mobile first não é um diferencial. É onde está quase todo o tráfego real.
- Responder viabilidade e próximos passos logo de início reduz a troca de mensagens ansiosa antes do primeiro contato.
- Sob estresse, clareza vence esperteza. Hierarquia e posição de CTA fazem o trabalho pesado.
- UX de serviço local funciona quando respeita urgência sem parecer apressada ou pobre.
Próximo Projeto
Volks | Connect