Web Design & Development

Figura Charme - Equipamentos de Estética Avançada

Advanced aesthetic equipment catalog website with real-time Firebase Firestore integration. Features category-based browsing (permanent hair removal, body treatments, face treatments, Head Spa), search by specifications, and direct rental/purchase inquiries. Includes dedicated pages for professional training courses and technical assistance services.

Built with React 19, TypeScript, and Tailwind CSS featuring custom purple (#ae779f) brand palette, smooth Framer Motion animations, and modal-based inquiry system with equipment pre-fill. Mobile-first responsive design with Firebase Firestore for real-time equipment management.

Completed Date: August 2026
Visit Live Site
Project Details

Overview

Industry

Beauty & Wellness / Aesthetic Equipment

Scope

Complete website design and development with Firebase-integrated equipment catalog, training course pages, technical assistance information, and contact system with inquiry modals

Timeline

3 weeks from initial design to launch

The Problem

Challenge

Figura Charme needed a modern, professional website to showcase their extensive range of advanced aesthetic equipment and services. They required a dynamic catalog system that could be easily updated without backend complexity, along with streamlined inquiry processes for equipment rental and purchase. The site needed to serve multiple audiences — potential equipment buyers, training course students, and technical service clients — while maintaining a premium brand image that reflects the quality of their professional equipment.

Our Approach

Solution

Developed a comprehensive React-based single-page application with Firebase Firestore integration for real-time equipment data management. Implemented an intuitive category-based filtering system with live search functionality, allowing visitors to quickly find specific equipment by name, category, or specifications. Created a modal-based inquiry system that intelligently pre-fills equipment information based on user actions (rent vs. buy), streamlining the contact process. The design leverages the brand's signature purple color (#ae779f) throughout, with smooth Framer Motion animations and a mobile-first approach ensuring excellent user experience across all devices.

What's Included

Key Features

Responsive Mobile-First Design
Firebase Firestore Integration
Dynamic Equipment Catalog
Category Filtering & Search
Modal-Based Inquiry System
Smooth Framer Motion Animations
Google Maps Integration
Multi-Page SPA Architecture
Performance

Results

95+/100
Performance Score
Modern tech stack with Vite build optimization and React 19 performance improvements
100%
Mobile Responsive
Mobile-first design approach ensures perfect rendering on all screen sizes
< 2s
Page Load Time
Optimized Vite build with code splitting and lazy loading
~2,300 lines
Code Quality
Strict mode, fully typed codebase with zero implicit any
Technology

Tech Stack

React 19
TypeScript 6
Vite 8
Tailwind CSS 3
Firebase Firestore
React Router DOM 7
Framer Motion 12
Lucide React
Get Started

Ready to Start Your Project?

Let's discuss how we can create a stunning website tailored to your business needs.

Figura Charme - Equipamentos de Estética Avançada | Portfolio | low-key solutions