Beauty by Raquel Nicole
Upgraded from a basic Square website to a custom site with better mobile experience and integrated booking.
Professional Hair Styling & Color Services
Transform your look with expert hair care in Milford, OH
Project Overview
Raquel's Square website was slow and hard to use on phones. She needed something that would work better for her clients and show off her work properly.
We built a custom website that loads faster, works well on mobile, and makes it easy for clients to book appointments.
Project Details
Beauty by Raquel Nicole
Beauty & Wellness
3 weeks
Custom Next.js Website
Challenges
- ×Basic Square website with limited customization
- ×Poor mobile experience and slow loading times
- ×No online booking system integration
- ×Limited SEO optimization and local visibility
- ×Unprofessional appearance compared to competitors
Our Solutions
- Custom mobile-first responsive design
- Integrated booking system with real-time availability
- Local SEO optimization for beauty salon searches
- Professional photography and content strategy
- Fast loading times and modern user experience
Results
Here's what we built and how it works better than the old site.
Beauty by Raquel Nicole - Branding Guide
Brand Identity
Beauty by Raquel Nicole is a boutique hair salon specializing in professional hair styling and color services in Milford, OH. Our brand embodies elegance, warmth, and transformation through beautiful hair.
Brand Personality
- • Elegant & Sophisticated: Professional yet approachable
- • Warm & Inviting: Welcoming atmosphere for all clients
- • Transformative: Focus on beautiful hair transformations
- • Trustworthy: Professional expertise and quality service
- • Modern: Contemporary styling with timeless appeal
Brand Values
- • Professional excellence in hair styling
- • Personalized service for every client
- • Continuous education and technique mastery
- • Creating confidence through beautiful hair
- • Building lasting client relationships
Color Palette
Primary Colors
Blush Pink
#F9E6E6 - Primary background, subtle highlights
Warm Beige
#F3D7C6 - Secondary backgrounds, complementary elements
Rose Gold
#C2876C - CTAs, highlights, interactive elements
Supporting Colors
Charcoal Gray
#3C3C3C - Primary text, headings
Off-White
#FFF8F5 - Main background, clean spaces
Color Usage Guidelines
Do's
- • Use Blush Pink for subtle backgrounds and highlights
- • Use Rose Gold for all interactive elements and CTAs
- • Use Charcoal Gray for all text content
- • Use Warm Beige for supporting elements
- • Maintain high contrast ratios for accessibility
Don'ts
- • Don't use colors outside the defined palette
- • Don't use Rose Gold for large background areas
- • Don't use Blush Pink for text (poor contrast)
- • Don't mix with other color schemes
Typography
Playfair Display (Headers)
Main Headings
Section Titles
Important Text
Serif, elegant, sophisticated
Lato (Body Text)
Body Text Large
Regular Body Text
Small Text
Sans-serif, clean, readable
Montserrat (UI)
UI Labels
Small UI Text
Bold, geometric, attention-grabbing
Typography Guidelines
Do's
- • Use Playfair Display for all headings and important text
- • Use Lato for body text and descriptions
- • Use Montserrat for buttons and UI elements
- • Maintain proper line-height for readability
- • Use appropriate font weights for hierarchy
Don'ts
- • Don't mix serif and sans-serif in the same text block
- • Don't use more than 3 font families
- • Don't use fonts outside the defined system
- • Don't use decorative fonts for body text
Voice & Tone
Brand Voice
- • Professional yet Approachable: Expert knowledge with friendly delivery
- • Confident: Assured in our abilities and services
- • Warm: Welcoming and caring towards clients
- • Educational: Helpful tips and hair care advice
- • Transformative: Focus on positive change and results
Sample Messaging
Headlines:
"Beautiful Hair Transformations"
"Professional Hair Styling & Color Services"
Call-to-Actions:
"Book Your Consultation"
"Schedule Your Appointment"
Design Elements
Buttons
Primary: Rose Gold background, white text
Secondary: Transparent with Rose Gold border
Cards & Forms
Service Card
Clean, professional design with subtle shadows
Cards: White background, subtle shadow, 12px border radius
Forms: Clean inputs with Rose Gold focus states
Before & After
Before: Square Template
Generic Square template, slow loading, poor mobile experience, no booking integration
After: Custom Beauty Website
Custom design, mobile-first, fast loading, integrated booking system, professional branding