Mystic Falls: Tourism Website

Three problems had to be solved simultaneously. The brand persona called for atmosphere without melodrama—mysterious but credible, historic but not dusty. The content had to serve two completely different users: a casual visitor who needed quick orientation, and a dedicated fan who wanted to go deep into founding family lore. And every visual decision had to translate a written brand voice into something you could actually see and feel on screen.
None of those three could be solved in isolation. Getting the mood right meant the typography and color had to carry the same duality as the brand—inviting and just slightly unsettling. Getting the navigation right meant understanding that both user types needed to feel served without the site splitting into two different experiences.

The wireframing process started with the sitemap, not the visuals. Five primary sections—Visit, Explore, History, Events, and Stories—each had a distinct job. Visit handles practical planning. Explore is location and experience discovery. History gives the lore depth. Events grounds the brand in real time. Stories is the editorial layer that rewards curiosity.

The navigation challenge was serving both user types without making the site feel like it was trying to be two things at once. The solution was a two-tier nav system: a primary nav for the five content areas, and a persistent utility bar with direct links to the Map, Calendar, and Guides. Casual visitors use the primary nav to orient. Fans go straight to the utility links they already know they want. Neither flow interrupts the other.

The typography system pairs a whimsical display serif for headlines—something with personality and age—against a clean editorial serif for body copy. The display face carries the atmosphere. The body face keeps it readable and grounded. Together they land exactly where the brand needed to be: like something that could have been typeset in 1860 but feels completely intentional today.

The palette took longer to resolve. The design persona pointed toward deep forest greens and burgundy, but early explorations felt too dark and closed-in—more haunted house than historic destination. The final system uses dark charcoal and a maroon-fuchsia as the anchoring tones, with candlelight gold as the accent that does most of the atmospheric work. Sage green provides mid-range depth, and a warm parchment base keeps everything from collapsing. The result is rich without being heavy—a palette that feels lived-in rather than designed.

Designing for a fictional world sharpens your instincts for brand consistency because there’s no real-world reference to fall back on. Every decision—a typeface, a navigation label, a color stop—either served the brand or broke the illusion. That constraint made this one of the more rigorous briefs I’ve worked through, and the most useful for thinking about how visual systems carry meaning before a user reads a single word.