Radiance Wellness Website

A holistic wellness-focused website redesign for Radiance Wellness spa in Fort Wayne, IN.

Overview

This is a modern, responsive website prototype featuring:

• Wellness-Focused Design: Emphasizing mind-body-spirit holistic approach
• Service Organization: Services grouped by wellness goals (Relax, Renew, Restore, Revitalize)
• Interactive Features: Tabbed service navigation, smooth scrolling, mobile menu
• Accessibility: WCAG 2.1 AA compliant with keyboard navigation and screen reader support
• Responsive: Mobile-first design that works on all devices

Design Features

Sections

1. Hero - Full-screen with wellness messaging
2. Trust Bar - Immediate credibility indicators
3. Testimonials - Client success stories (6 cards)
4. Holistic Approach - Mind-body-spirit philosophy
5. Services - 12 services across 4 wellness goals
6. Team - 4 practitioners with credentials
7. CTA - Final booking call-to-action

Color Palette

• Primary Dark: #3e2d24 (Dark Brown)
• Accent Gold: #d4a574 (CTAs)
• Accent Sage: #9ca986 (Wellness theme)
• Success Green: #7a9b76 (Confirmations)

Typography

• Headings: Alegreya (serif)
• Body: Montserrat (sans-serif)

Files

• index.html - Main HTML structure
• css/styles.css - All styles and responsive design
• js/main.js - Tab switching, mobile menu, and smooth scroll
• radiance-wellness-analysis.md - Comprehensive design analysis
• prototype-guide.md - Technical implementation guide

Deployment

This site is deployed on Vercel at: [TBD]

Local Development

Simply open index.html in a modern web browser, or run a local server:

python -m http.server 8000
# Visit http://localhost:8000

Browser Support

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+
• Mobile Safari (iOS 13+)
• Chrome Mobile (Android 8+)

Accessibility

• WCAG 2.1 AA compliant
• Keyboard navigable
• Screen reader friendly
• Focus indicators on all interactive elements
• Skip navigation link
• Semantic HTML5

Performance

• Minimal dependencies (only Google Fonts)
• Separate CSS and JS files for better caching
• Mobile-optimized

Future Enhancements

• Dosha Quiz interactive tool
• Vagaro booking system integration
• Professional photography/videography
• Blog section
• E-commerce shop for wellness products
• Instagram feed integration

Credits

Design: Wellness-Focused Approach (Version C) Project Start: December 2025 Linear Issue: IRA-5

---

© 2025 Radiance Wellness. All rights reserved.