← Back to Projects
The Shaman Asher
Freelance
Tech: TypeScript, Tailwind, EmailJS. Hired to modernize UX: added loaders, accessible forms, and consistent motion. The challenge was creating a polished feel without heavy bundles. Result: reduced layout shift (stable CLS), lean CSS, and clearer conversion paths via simplified CTAs.
Key Highlights
- Redesigned complete UI/UX for mystical services platform
- Implemented smooth animations without performance impact
- Built fully accessible forms with WCAG compliance
- Integrated EmailJS for client communication
- Optimized bundle size for fast loading
Problem
The Shaman Asher's website was outdated with poor user experience, causing potential clients to leave before booking services. The site lacked modern animations, had accessibility issues, and unclear calls-to-action that hurt conversion rates.
Solution
Completely redesigned the user experience with TypeScript and Tailwind CSS, focusing on mystical aesthetics with modern performance. Implemented smooth animations, accessible forms, and strategic CTAs while maintaining fast load times through optimized bundle sizes.
Technical Challenge
Complex mystical animations needed to work smoothly on low-end devices. Tailwind's default bundle was too large. EmailJS exposed API keys in client-side code, creating security risks.
Technical Solution
Used Intersection Observer API to lazy-load animations and disable them on low-performance devices. Configured PurgeCSS to remove unused Tailwind utilities, reducing CSS by 85%. Created a serverless proxy function to handle EmailJS securely without exposing credentials.
Results
- Achieved stable Cumulative Layout Shift (CLS) score
- Reduced bundle size by 45% through optimization
- Improved conversion rates with clearer CTAs
- Enhanced accessibility for all users
- Delivered polished, professional mystical aesthetic