fez5587andClaude Sonnet 4.5
794beda395
- Wellness-focused homepage design - 12 services organized by wellness goals - Fully responsive mobile-first design - WCAG 2.1 AA accessibility compliant - Interactive service tabs - Client testimonials section - Team member showcase - SEO optimized with meta tags 🤖 Generated with Claude Code Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2.4 KiB
2.4 KiB
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
- Hero - Full-screen with wellness messaging
- Trust Bar - Immediate credibility indicators
- Testimonials - Client success stories (6 cards)
- Holistic Approach - Mind-body-spirit philosophy
- Services - 12 services across 4 wellness goals
- Team - 4 practitioners with credentials
- 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 website fileradiance-wellness-analysis.md- Comprehensive design analysisprototype-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)
- Self-contained single-file design
- 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.