All Beauty Hair Studio
Total redesign — from Wix template to full business operating system
What We Built
A complete redesign from the ground up. We built a personal brand site that leads with story and philosophy, a 7-step new client intake form that qualifies every lead before they ever book, and a full admin CRM with kanban pipeline, AI-powered fit scoring, and a 10-stage client journey tracker. The platform runs the business — from the first impression on the homepage to the final follow-up logged in the CRM.
This project is currently in development. Check back soon for the live site.
The Challenge
What she had: a generic Wix template that looked like every other salon online, a clunky booking flow, and zero backend. Inquiries came in through a basic contact form and were managed in a notebook. There was no intake process, no pipeline, no way to see revenue or client status at a glance. The site buried her story - her journey from performer to stylist, her philosophy, her approach to client relationships. None of it showed up. She was paying monthly Wix fees for a site that actively undersold her.
Our Approach
What she got: a complete business platform in two parts. On the front - a personal brand site that leads with her voice: 'I design hair that works with your life.' Her journey from performer to stylist, her philosophy, her client relationships - all front and center. A 7-step intake form qualifies every new client before they ever book, collecting hair history, personality, goals, and reference photos so Karli arrives at every consultation already prepared. On the back - a full CRM: real-time dashboard, kanban pipeline from inquiry to follow-up, AI-generated fit scores (Service Fit, Readiness, Engagement), and a 10-stage client journey tracker with key dates logged at every milestone. Multi-business support means the same system expands to Marketing Reset without a new build. She went from notebook to command center.
Project Scope
- Personal brand website built around Karli Rosario's story, philosophy, and creative journey
- 7-step new client intake form: About You, Your Hair, Personality, History, Goals, Photos, Review
- Inclusive intake design with optional pronouns field - no required demographics
- Admin CRM dashboard with live metrics: total clients, revenue, testimonials, upcoming sessions
- Kanban pipeline: Inquiry → Consultation Scheduled → Consultation Complete → Active Client → Follow-Up
- 10-stage client journey tracker per record with key dates for every milestone
- AI-powered fit scoring per client: Service Fit, Readiness, Engagement - with Accept/Decline workflow
- Multi-business admin supporting multiple brands under a single login
- Prompt Library for AI-assisted client communication
Project Health
Security
10/10 checks
Accessibility
10/10 checks
Performance
10/10 checks
Stability
10/10 checks
Based on 40-point verifiable checklist
Capabilities Demonstrated
Why We Chose This Stack
Next.js
SSR for the public site's SEO, server components for the secure admin backend - all under one domain with no separate deploy
TypeScript
A 7-step intake form with conditional logic across fields, AI scoring inputs, and multi-business data requires type safety at every layer
Tailwind CSS
The warm cream-and-sage palette is built with design tokens applied consistently across the public site and admin dashboard without duplicate stylesheets
PostgreSQL
Client records, 7-step intake responses, pipeline stages, and 10-point journey timestamps are relational data - ACID transactions protect every record
Custom CRM
No off-the-shelf tool supports a 10-stage custom pipeline, AI fit scoring, and multi-business views specific to how Karli's operation actually runs
AI Integration
Fit scoring across Service Fit, Readiness, and Engagement gives Karli an objective read on every new client before committing a session slot
Ready to Get Results Like These?
Every project starts with a conversation. Tell us about your business and we'll craft a solution that delivers.