Figura Charme - Equipamentos de Estética Avançada
Website de catálogo de equipamentos de estética avançada com integração em tempo real com o Firebase Firestore. Inclui navegação por categorias (depilação permanente, tratamentos corporais, tratamentos faciais e Head Spa), pesquisa por especificações e pedidos diretos de aluguer ou compra. Inclui páginas dedicadas a cursos de formação profissional e a serviços de assistência técnica.
Construído com React 19, TypeScript e Tailwind CSS, com uma paleta de marca personalizada em roxo (#ae779f), animações fluidas em Framer Motion e um sistema de pedidos em modal com pré-preenchimento do equipamento. Design responsivo mobile-first com Firebase Firestore para gestão de equipamentos em tempo real.
Visão Geral
Setor
Beleza e Bem-Estar / Equipamentos de Estética
Âmbito
Design e desenvolvimento completo do website com catálogo de equipamentos integrado com Firebase, páginas de cursos de formação, informação sobre assistência técnica e sistema de contacto com modais de pedido de informação
Prazo
3 semanas do design inicial ao lançamento
Desafio
A Figura Charme precisava de um website moderno e profissional para apresentar a sua vasta gama de equipamentos e serviços de estética avançada. Precisavam de um sistema de catálogo dinâmico, fácil de atualizar sem complexidade de backend, bem como de processos simplificados de pedido de informação para aluguer e compra de equipamento. O site tinha de servir vários públicos — potenciais compradores de equipamento, formandos dos cursos e clientes de assistência técnica — mantendo uma imagem de marca premium que refletisse a qualidade do seu equipamento profissional.
Solução
Desenvolvemos uma aplicação React de página única abrangente, com integração com o Firebase Firestore para gestão de dados de equipamentos em tempo real. Implementámos um sistema intuitivo de filtragem por categorias com pesquisa em tempo real, permitindo aos visitantes encontrar rapidamente equipamentos específicos por nome, categoria ou especificações. Criámos um sistema de pedidos em modal que pré-preenche de forma inteligente a informação do equipamento com base na ação do utilizador (alugar ou comprar), simplificando o processo de contacto. O design utiliza o roxo característico da marca (#ae779f) em todo o site, com animações fluidas em Framer Motion e uma abordagem mobile-first que garante uma excelente experiência de utilizador em todos os dispositivos.
Funcionalidades Principais
Resultados
Stack Tecnológica
Pronto para Iniciar o Seu Projeto?
Vamos falar sobre como podemos criar um website incrível à medida do seu negócio.