sabrinaxavier.com.br

This project was developed as a complete digital solution for the hairstylist Sabrina Xavier, focused on performance, scalability, and delivering real value through an online presence.

More than just a website, the goal was to build a platform capable of showcasing services, attracting new clients, and growing organically over time.

🎯 Project Objective

The main goal was to create a digital environment that:

• Clearly and professionally presents services

• Strengthens the professional’s personal brand

• Generates organic traffic through content (SEO)

• Allows easy content management and updates
  

🎨 From Design to Development

This project was built entirely from scratch, covering all stages:

• Visual identity creation (logo, color palette, typography)

• Layout design and prototyping in Figma

• User experience (UX) structuring

• Full front-end development

• Integration with a headless CMS for dynamic content

This approach ensures visual consistency, strong branding, and full control over the final user experience.

⚙️ Technologies Used

The architecture was designed with performance and scalability in mind:

• Next.js + React → modern structure, fast and SEO-friendly

• Styled Components → modular and reusable styling

• React Query → efficient asynchronous state management

• Axios → API communication

• Hygraph CMS (Headless) → dynamic content management via GraphQL

• Embla Carousel → smooth and accessible carousels

• AOS (Animate On Scroll) → scroll-based animations

• Lucide React → modern and customizable icons

• Polished → advanced CSS utilities

• Vercel → continuous deployment and high-performance hosting
  

🚀 Features

• Complete institutional website

• Integrated blog for organic growth (SEO)

• Dynamic content via CMS (no code changes required)

• Fully responsive layout

• Modern animations and interactions

• Scalable structure for future expansion
  

📈 Project Highlights

The key strength of this project lies in the combination of three pillars:

• Strategic design (focused on conversion, not just aesthetics)

• Modern architecture (performance and scalability)

• Product mindset (built with growth and monetization in mind)
  

🔗 Live Project

👉 https://www.sabrinaxavier.com.br