From the minds of Chloe & Tammy Hart
An Epic Fantasy TV Concept Website in the Making
Immerse yourself where fans and supporters of the TV production project “Heir of Dragons” will launch its presence into the world.
View Live BetaLaunching Summer 2026
Problem
Chloe has a lot of art and information she wants to share to help encourage interest in her project but no reliable way to present it
Solution
Create a custom website to present the project to potential fans, supporters, and investors
Story
Premise
Get an introduction to the story and the purpose of this project
Anthology
Read story spin-offs and other related minor works
Official Art
Be enchanted by Chloe’s rich, original story artwork
World
Map
Explore the kingdoms and dragon domains of Asparia
Book of Dragons
Learn about the various dragon types and what magic they wield
Magic of Nature
Flip through the language of Asparia’s unique fauna
Draconic Glossary
Hear the words dragon riders use to communicate with their mounts
Characters
Character Sheets
Get to know the people that make this story come to life
Family Lineage
See the royal ancestry in the Windward family tree
Community
Forum
Connect with Chloe and fans of the project for updates and discussions
FAQ
Find quick answers to common questions or ask your own
Fan Art
Enjoy fan renditions of original characters, dragons, and more
Problem
Chloe needs a way to communicate with fans and supporters as the project progresses to keep track of questions, ideas, and even fan art submissions
Solution
Include a forum for the online community and a way to connect directly with Chloe
Defined Product Scope: Collaborated on core project goals and established the initial MVP requirements
Architected Information Hierarchy: Mapped comprehensive site navigation and user flows to organize the anthology and world lore
Established Design System: Created a scalable UI kit defining typography, color palettes, and iconography for visual consistency
Produced High-Fidelity Prototypes: Built interactive Figma prototypes to validate UX decisions, visual hierarchy, and breadcrumb logic
Optimized for Mobile: Refined the interface for mobile responsiveness, ensuring touch-friendliness across all views
Built Scalable Architecture: Transitioned to development, engineering a performant Next.js frontend backed by a Strapi CMS
Implemented Secure Auth: Integrated Google and Discord authentication providers to enable secure user account creation
Engineered Community Features: Developed complex bookmarking and forum functionality to drive user engagement and retention
Integrated Search Tech: Deployed Meilisearch to power instant, accurate content discovery across the platform
In Progress: Performance Optimization, SEO, QA
Problem
Chloe needs a way to collect the email addresses of interested supporters as well as donations from those ready to give
Solution
Include email subscription and donation forms
Brand
Sand
Field
Sky
Flower
Shadow
Light
Style Display Caps
This function looks at each word in a string and determines if it begins with a capital letter. If it does, it wraps the letter in a span tag so that they can be assigned the proper font face.
const formatCaps = text => {
const formattedWords = text.split(" ").map(word => {
const firstChar = word.charAt(0);
if (!firstChar.match(/[a-z]/i) || firstChar !== firstChar.toUpperCase()) {
return word;
}
const cap = document.createElement("span");
cap.textContent = firstChar;
return cap.outerHTML + word.slice(1);
});
return formattedWords.join(" ");
}
Tech Stack
Strapi: Flexible headless CMS for managing complex lore and assets
Next.js: Optimized for speed and SEO using Server-Side Rendering (SSR)
TypeScript: Enforced type safety for a robust, maintainable codebase
Meilisearch: Integrated for instant, typo-tolerant site-wide search
Authentication: Secure Google & Discord login for profiles and bookmarking
Amazon S3: Scalable cloud storage for high-resolution artwork serving
Jest: Automated unit testing to ensure reliable feature deployment
