AA Bridal Studio
AA Bridal Studio
A booking and CRM platform for a bridal and beauty salon, redesigned from a 2024 build onto Angular 21: public booking site, portfolio gallery, blog and customer accounts, plus an admin dashboard with scheduling.
- Angular 21
- Angular SSR
- NgRx
- Angular Material
- Tailwind CSS
- GSAP
- Stripe
- reCAPTCHA
- Google Maps
- FullCalendar
Overview
AA Bridal Studio is a bridal and beauty salon. Its platform covers both sides of the business: a public website where clients discover services and book, and an admin dashboard where the studio manages artists, customers and the schedule.
This version is a redesign of an earlier 2024 build, moved onto Angular 21.
The challenge
A salon website has to sell and organise at the same time. Brides want to see the work and understand the service journey before booking; the studio needs bookings, customers and artist schedules in one place. Moving the existing build to a modern Angular stack had to keep all of that working while improving the experience.
What I built
Public website
- Online booking.
- A portfolio gallery of the studio's work.
- A service-journey section that walks clients through what to expect.
- A blog.
- Customer accounts.
Admin dashboard
- Artist management.
- Customer management.
- Scheduling with FullCalendar.
Tech & architecture
- Angular 21 with server-side rendering, so public pages are fast and indexable.
- NgRx for application state.
- Angular Material and Tailwind CSS for the UI, GSAP for motion.
- Stripe for payments, reCAPTCHA on public forms, Google Maps for the location.
Outcome
The studio has one platform for marketing, booking and day-to-day management, rebuilt on a current Angular stack with server rendering for the public pages. Clients can see the work, understand the process and book; the team manages artists, customers and the calendar from the dashboard.