Home do clienteAgendamento, meus horários, localização e visão dos serviços disponíveis.
Case de desenvolvimento multiplataforma
Barbearia Família
uma plataforma. Três formas de acesso.
Sistema completo de gestão e agendamento desenvolvido para funcionar na Web, Android e iOS. A mesma base conecta clientes e profissionais com agenda inteligente, planos mensais, relatórios, notificações, login persistente e experiência responsiva em qualquer dispositivo.
WEBANDROIDiOS
01Plataforma central para operação e relacionamento com clientes
24/7Agendamentos disponíveis online a qualquer momento
3×Uma solução para Web, Android e iOS
PushNotificações integradas ao fluxo de atendimento
02 / Interface real do sistema
O produto como ele realmente é.
As telas abaixo são capturas reais do sistema em execução. Informações pessoais do profissional foram substituídas por dados demonstrativos e o endereço foi propositalmente desfocado para apresentação pública.
Profissionais e serviçosSeleção visual do profissional e catálogo completo de serviços, preços e duração.
Agendamentos e planosPróximos horários, localização da barbearia e controle de planos mensais.
Grade de horáriosGestão semanal da disponibilidade, pausas e exceções específicas.
RelatóriosFaturamento, atendimentos, ticket médio, cancelamentos e filtros por período.
Painel do profissionalAgenda diária, métricas, atalhos administrativos e novo agendamento.
🌐 WebAcesso direto pelo navegador em desktop ou celular, com layout responsivo e sem instalação obrigatória.
🤖 AndroidAplicativo Android conectado ao mesmo sistema e à mesma base de dados, preservando login e notificações.
iOSWeb App/PWA instalável na Tela de Início, em modo standalone e sem a interface tradicional do Safari.
01 / Visão do projeto
Um sistema que conecta cliente, barbeiro e gestão.
O desafio era ir além de uma agenda online. A solução foi estruturada como um ecossistema digital para reduzir tarefas manuais, organizar a rotina do profissional e oferecer ao cliente uma experiência simples em qualquer dispositivo.
Experiência do cliente
Agendar ficou simples.
O cliente encontra horários, acompanha seus agendamentos, mantém o login ativo, recebe lembretes e acessa a mesma experiência pela Web, pelo aplicativo Android ou pelo Web App instalado no iPhone.
01
Agendamento digitalFluxo rápido com seleção de profissional, serviço, data e horário.
02
Área do clientePróximos horários, histórico e atalhos de contato.
03
Login persistenteMenos atrito nos acessos recorrentes.
04
Comunicação automáticaPush e e-mail integrados ao ciclo do agendamento.
Operação da barbearia
Gestão em tempo real.
A equipe administra horários, clientes, serviços, disponibilidade, planos e solicitações em uma interface única, com ações assíncronas e feedback imediato.
01
Dashboard operacionalAgenda diária, status, disponibilidade e visão de atendimentos.
02
Agendamento manualBusca inteligente de clientes e validação de conflitos.
03
Planos mensaisAdesões, serviços incluídos, limites e solicitações.
04
Ações via AJAXOperações sem refresh, mantendo contexto e velocidade.
03 / Funcionalidades
Recursos pensados para uso real no dia a dia.
O sistema foi evoluído de forma incremental, preservando regras de negócio existentes e adicionando novas camadas de experiência, automação e controle.
⌁
Agenda inteligente
Controle de disponibilidade, duração dos serviços, bloqueios, horários ocupados e prevenção de conflitos.
⌕
Busca rápida de clientes
Pesquisa por nome, telefone ou e-mail sem carregar toda a base de clientes na interface.
◎
Web · Android · iOS
Experiência compartilhada entre navegador, aplicativo Android e Web App iOS em modo standalone.
◉
Notificações Push
Web Push integrado ao OneSignal para avisos e lembretes diretamente no dispositivo do usuário.
✉
E-mails automáticos
Confirmações e lembretes transacionais enviados pelo fluxo do sistema.
↻
AJAX e interface fluida
Criação, edição, aprovação, cancelamento e outras ações sem reload completo da página.
▤
Planos e recorrência
Planos mensais com serviços, quantidades, adesões, aprovação e validade controlada.
◇
Perfis e permissões
Controle de clientes, barbeiros e administração com regras de acesso centralizadas.
▦
Dashboard responsivo
Interface preparada para desktop e mobile, com foco em leitura rápida e operação prática.
04 / Arquitetura
Uma base simples, direta e orientada à operação.
A arquitetura mantém o servidor como fonte de verdade, enquanto JavaScript e AJAX melhoram a experiência sem duplicar regras de negócio no navegador.
Front-endHTML5 · CSS3 · JavaScript · PWA · AJAX
→
AplicaçãoPHP · Sessões · Regras de agenda · Permissões · E-mails
→
Dados & ServiçosMySQL · OneSignal · SMTP · Service Worker
05 / Stack
Tecnologias utilizadas no projeto.
Uma stack enxuta e compatível com hospedagem web tradicional, suficiente para entregar uma aplicação completa e instalável.
PHPMySQLPDOHTML5CSS3JavaScriptFetch API / AJAXPWAService WorkerWeb PushOneSignalPHPMailerSMTPResponsive Design
06 / Evolução técnica
Problemas reais, soluções aplicadas.
Parte importante do trabalho foi evoluir um sistema já funcional sem quebrar fluxos existentes, corrigindo gargalos e melhorando manutenção e experiência.
DESAFIO 01
Levar a mesma experiência para Web, Android e iOS
A solução foi preparada para navegador Web, aplicativo Android e instalação no iOS em modo standalone, mantendo a mesma lógica de negócio e experiência visual.
DESAFIO 02
Levar Push para o Web App
A integração de notificações foi adaptada ao fluxo do iOS e conectada ao identificador do usuário utilizado pelo sistema.
DESAFIO 03
Reduzir reloads na gestão
Ações administrativas foram movidas para requisições assíncronas, preservando a lógica PHP no servidor e atualizando apenas o conteúdo necessário.
DESAFIO 04
Limpar inicializações desnecessárias
Rotinas de criação e alteração de banco deixaram de rodar no fluxo normal de produção, reduzindo consultas e riscos desnecessários.
DESAFIO 05
Centralizar regras de acesso
As permissões foram organizadas para evitar verificações espalhadas e permitir regras especiais sem alterar o tipo real do usuário no banco.
I'Sync • Desenvolvimento sob medida
Seu negócio também pode ter um sistema feito para a rotina real.
Automação, gestão, aplicativos web, integrações e experiências digitais construídas para simplificar processos e transformar operação em tecnologia.