Logo Vértice Large

Apresenta...

Contexto

Visão Geral do Projeto

A Equipa

Anthony Mendonza
Open to Work

Anthony Mendoza

Front-end Developer

Claudia Machado
Open to Work

Claudia Machado

Front-end Developer

Taís Pestana
Open to Work

Taís Pestana

Front-end Developer

O Cliente

Templo de Gaya

Aveiro

Stakeholder: Danyelle Gomes
O Cenário

Uma clínica de estética que preza pela excelência no atendimento, mas enfrentava desafios operacionais e administrativos.

O Projeto

"O nosso objetivo não foi apenas criar uma App, mas sim um Ecossistema Digital de Gestão Operacional."

Foco Principal

Automação de processos e inteligência de dados para otimizar a eficiência da clínica.

Identidade Visual

Uma interface "Clean & Professional", desenhada para transmitir: Higiene, Bem-estar e Profissionalismo Absoluto.

Stacks Utilizadas

As tecnologias utilizadas para desenvolver a App

Frontend

Design moderno focado em usabilidade, garantindo rapidez e fluidez total.

React Inertia.js Vite Bootstrap 5

Backend

Arquitetura robusta e escalável, processando regras complexas com segurança.

Laravel PHP Breeze

Base de Dados

Estruturação inteligente, garantindo a integridade suportando grandes volumes.

MySQL

Metodologia

Fluxo de Trabalho e Ciclo de Vida do Projeto

Fase de Análise
Fase de Implementação
Descoberta
Design
Desenvolvimento
Testes
Lançamento

Fase de Descoberta

  • Planeamento de Sprints (Notion)
  • Levantamento de Requisitos
  • Pesquisa de Mercado
  • Definição de Escopo
  • Reunião com Cliente
Descoberta

Fase de Design

  • Mapa da Jornada do Usuário
  • UX Persona (Dona da Clínica)
  • Paleta de Cores e Tipografia
  • Prototipagem no Figma
  • Reunião de Aprovoção pela Cliente
  • Revisão de Design
Design

Fase de Desenvolvimento

  • Linguagem de modelagem unificada (UML)
  • Modelagem de Dados (DER)
  • Setup de Base de Dados
  • Desenvolvimento Laravel (Backend)
  • Desenvolvimento React (Frontend)
Desenvolvimento

Fase de Testes

  • QA & Testes de Integração (GitHub)
  • Revisão & Auditoria do Código
  • Criação de Documentação
  • Sessão de Treinamento do Utilizador
  • Aprovação Final para Lançamento
Testes

Fase de Lançamento

  • Plano de Implementação Detalhado
  • Migração de Informações
  • Deploy Final (Hostinger)
Lançamento
Gestão do Projeto

A App

Desenvolvimento e funcionalidades principais

Wireframe, Mockup e Protótipo

UX/UI Design Showcase

Showcase da Aplicação

UX/UI App Showcase

Desafios

Os obstáculos superados durante o percurso

Manter a Qualidade do Código

Um código bem estruturado e padronizado ajuda a manter a qualidade do produto, evitando problemas de desempenho e facilita a manutenção. Além disso, evita erros e facilita a depuração.

Garantir uma UX de Qualidade

Um design intuitivo evita a frustração dos utilizadores e o abandono da aplicação. A realização de testes com utilizadores reais facilita a identificação desses problemas antes do lançamento.

Trabalho em Equipa

Colaborar num projeto conjunto foi uma experiência nova para todos os integrantes. A gestão de versionamento com Git e GitHub, a resolução de conflitos e a sincronização de tarefas exigiram uma adaptação rápida e rigorosa para manter o fluxo de desenvolvimento.

Aprendizagens

Conhecimentos adquiridos e competências desenvolvidas

Competências Técnicas

Arquitetura Fullstack com Laravel e React

Domínio da integração entre um backend robusto (Laravel) e um frontend reativo (React) para sistemas de gestão.

Gestão de Autenticação e Segurança

Implementação de fluxos seguros de acesso utilizando o Laravel Breeze.

Modelagem de Dados Clínica

Compreensão da estrutura de dados necessária para gerenciar clientes, agendamentos, tratamentos e controle de estoque.

Ciclo de Vida de Software (SDLC)

Entendimento das fases de um projeto, desde a "Descoberta e Design" até ao "Deploy".

Metodologias Ágeis

Conhecimento prático sobre como dividir um projeto complexo em Sprints funcionais com prazos e responsáveis.

Competências Transversais

Trabalho em Equipa e Colaboração

Coordenação de tarefas entre diferentes perfis (Tais, Anthony, Claudia) utilizando controle de versão (Git/Branches).

Comunicação com o Cliente

Realização de reuniões de levantamento de requisitos e sessões de aprovação para validar o progresso do design e do código.

Resolução de Problemas Técnicos

Implementação de funcionalidades específicas como paginação de clientes, integração de domínios e rotas de fallback.

Melhorias Futuras

O roadmap e as próximas etapas da evolução

Agenda Individualizada

Filtro automático no Dashboard para que o profissional visualize apenas os seus agendamentos.

Gestão de Disponibilidade

Interface para o profissional definir horários de pausa, férias ou bloqueios na agenda.

Portfólio de Procedimentos

Vinculação de quais tratamentos (ex: Limpeza de Pele, Massagem Modeladora, etc.) cada profissional está habilitado a realizar.

Estatísticas de Atendimento

Visualização de métricas pessoais, como número de clientes atendidos e taxa de retorno.

Perguntas

Prometemos que respondemos a (quase) tudo! 😂

Agora é com vocês 🫵

Oferta Especial

O Seu Voucher

Parceria Especial: Equipa Vértice e Templo de Gaya Aveiro. Use o seu voucher para ganhar 10€ de desconto em qualquer tratamento.

Voucher 10€

Válido até 31 de Março de 2026