Kajabi Personal Brand Website for Dr. Devin Vrana

Built a full custom Kajabi website experience for Dr. Devin Vrana and The LightHouse brand with a strong focus on emotional storytelling, user flow, and clean modern design. The project included a multi page website structure, responsive mobile optimization, custom section layouts, styled content blocks, video integrations, countdown sections, and polished CTA flows designed to guide visitors naturally through the brand journey.

The goal was not just to make the pages look visually appealing, but to create a smoother emotional connection between the brand and its audience. Every section was carefully structured to improve clarity, engagement, and readability across desktop and mobile devices.

I collaborated closely with the client through multiple feedback rounds, refining spacing, typography, visual hierarchy, and responsive behavior to make the experience feel polished and intentional throughout all three pages.

The final result delivered a clean, high converting Kajabi website foundation that the client can now continue expanding with future content, assets, and campaigns.

The project included:

• Homepage rebuild • “For Chiropractors” sales page • “Work With Me” personal brand page • Full mobile optimization pass • Conversion-focused structural updates • Fast turnaround implementation inside Kajabi

The pages were designed so Dr. Devin could later plug in her own videos, photos, and final voice-driven copy without needing another rebuild.

The existing site had strong ideas and branding, but the structure needed to become clearer, more emotional, and easier to navigate.

The biggest challenge was balancing two different audiences inside the same brand:

General audience / personal brand visitors

Chiropractors entering the “Adjust the Adjuster” world

The pages also needed to feel premium while still staying warm and personal.

Another important part was making the site feel strong on mobile since most visitors were expected from Instagram and mobile traffic.

Based on the original requirement document, the build included:

Hero section

Two-path “Fork” section

About section

Navigation restructuring

Sales page layout

Pricing section

FAQ accordion

Manifesto callouts

CTA flow

Countdown timer integration

Speaking section

Coaching section

Lighthouse clinic section

Podcast/social sections

Closing quote section

During the final feedback round, several conversion-focused upgrades were added across all pages.

Created 6 video-ready containers across the site with:

16:9 responsive structure

Gold borders

Eyebrow headings

Mobile-friendly layouts

Future-ready embed support

This allowed the client to quickly add talking-head videos later without redesigning sections.

Added a live countdown timer to the “For Chiropractors” page to support the founding offer launch.

The timer was styled to match the luxury/editorial branding using:

Gold typography

Dark background

Elegant spacing

Mobile responsiveness

Added personal story placeholder containers throughout the site so the client could later drop in longer-form emotional copy.

These sections used:

Serif italic typography

Soft gold accents

Editorial spacing

Callout styling

Several areas were redesigned specifically to become more visually memorable and shareable.

Examples:

“Same brand. Different rooms.”

Manifesto pull-quote treatment

“The power that made the body heals the body.”

Closing quote treatment

The goal was making visitors stop scrolling.

A full mobile QA pass was completed across all three pages.

This included:

Better text wrapping

CTA spacing fixes

Responsive section stacking

FAQ usability

Countdown readability

Mobile typography balancing

Button touch optimization

The mobile experience became the primary focus because most traffic was expected from phones.

The visual direction focused on:

Editorial luxury

Strong typography hierarchy

Dark + gold contrast

Teal/fuchsia accent balance

Spacious layouts

Emotional pacing

The site intentionally avoids overcomplicated animations or heavy layouts. The structure itself does the work.

Kajabi

Custom HTML/CSS sections

Responsive layout adjustments

Countdown integration

Conversion-focused page structure

The full build and structural revisions were completed in a very fast turnaround window while keeping the pages responsive and clean across devices.

The final result gave the client:

A cleaner conversion path

Better emotional storytelling structure

Stronger mobile experience

Launch-ready Kajabi pages

Flexible sections for future content additions

A premium personal brand presentation

The entire build was structured so the client could continue updating content easily inside Kajabi without needing developer support every time.

The build was created directly from a detailed structure document and final-round conversion feedback provided by the client.