The Heirs of Eleusa - Book Series Website
Replaced a generic Wix template with a custom website that better represents the fantasy book series and loads faster.
Heirs of Eleusa Fantasy Book Series
Epic fantasy website with custom branding and modern performance
Project Overview
This project involved transforming a generic Wix template website for "The Heirs of Eleusa" fantasy book series into a custom, high-performance website. The original site lacked brand personality and had poor performance metrics.
We rebuilt the entire site using modern web technologies, creating a custom design that captures the essence of the fantasy series while delivering exceptional performance and user experience.
Project Details
Website Redesign & Migration
Fantasy Book Publishing
3 weeks
Wix → Next.js + Vercel
Key Features
Custom Design
Brand-focused design tailored to the fantasy book series
Modern Performance
Next.js with Vercel for lightning-fast loading
Mobile First
Responsive design that works perfectly on all devices
SEO Optimized
Built for search engine visibility and discoverability
Challenges
- ×Wix-based site with limited customization and poor performance
- ×Generic template design that didn't reflect the book series brand
- ×Slow loading times and poor mobile experience
- ×Limited content management capabilities for book updates
- ×No integration with modern web standards or SEO optimization
Our Solutions
- Custom Next.js application with modern web standards
- Brand-focused design that captures the fantasy book series essence
- Lightning-fast performance with Vercel hosting
- Easy content management for book series updates
- SEO-optimized structure for better discoverability
Results
The new platform delivered significant improvements in user experience and performance.
Heirs of Eleusa Brand Guide
Brand Overview
Heirs of Eleusa is an epic fantasy book series that follows the journey of chosen heroes who must fulfill an ancient prophecy to save the kingdoms of Eleusa. The brand embodies themes of destiny, courage, magic, and the eternal struggle between light and darkness.
Brand Values
- • Destiny: Every hero has a purpose
- • Courage: Facing fears to protect what matters
- • Magic: The wonder and mystery of fantasy
- • Unity: Heroes working together for a greater cause
- • Hope: Light always finds a way through darkness
Target Audience
- • Fantasy literature enthusiasts
- • Young adult and adult readers
- • Fans of epic adventure stories
- • Readers who enjoy character-driven narratives
- • Fantasy world-building enthusiasts
Color Palette
Primary Colors - Orange/Amber
50
200
400
500
700
Main Brand Color: #ed7519 (Primary 500)
Used for CTAs, highlights, and featured content
Secondary Colors - Slate/Gray
100
300
500
700
900
Main Text Color: #64748b (Secondary 500)
Used for text, borders, and secondary elements
Typography
Primary: Inter (Sans-serif)
H1 Headline
H2 Subheading
H3 Section Title
Body text and UI elements
Weights: 400 (Regular), 500 (Medium), 600 (Semi-bold), 700 (Bold)
Secondary: Georgia (Serif)
Book Titles
Chapter Headings
Quotes & Highlights
Decorative text
Weights: 400 (Regular), 700 (Bold)
Voice & Tone
Brand Voice
- • Epic: Grand and sweeping in scope
- • Mystical: Hinting at magic and wonder
- • Heroic: Inspiring courage and determination
- • Accessible: Welcoming to all readers
- • Literary: Sophisticated but not pretentious
Application Guidelines
- • Use active, powerful verbs
- • Paint vivid pictures with words
- • Emphasize epic scale and stakes
- • Appeal to sense of adventure
- • Maintain mystical atmosphere
Technical Implementation
Frontend
- Next.js 14 with App Router
- TypeScript for type safety
- Tailwind CSS for styling
- Custom component library
Performance
- Vercel edge optimization
- Image optimization
- Code splitting
- Global CDN delivery
Features
- Custom brand design
- Mobile-first responsive
- SEO optimization
- Easy content management
Before & After
Before: Wix Template
Generic Wix template, slow performance, no brand personality, limited customization
After: Custom Fantasy Website
Custom fantasy-themed design, fast loading, mobile-responsive, brand-aligned