SELECTED WORK / SPIRITUAL GUIDANCE

Path of Remembrance.

A spiritual guide and a 12-week online course

A website and course platform for a spiritual guide, built around a free discovery session and a 12-week course taken in six stages.

Visit live website (opens in a new tab)Explore the project
Path of Remembrance homepage: “Let’s Discover What It May Be Revealing About You.” over a dawn sky and layered hills
CLIENT
Path of Remembrance
INDUSTRY
Spiritual guidance
OUR WORK
Website design & development, online course
WEBSITE
awakenyourremembrance.com

THE PROJECT

Remember. Heal.
Align. Belong.

Path of Remembrance is the practice of Aurelia, a visionary and multidimensional soul guide. It offers a free Soul-Path Discovery Session, one-to-one explorations and a 12-week course for people going through a spiritual awakening.

We designed and built the site: a homepage, an about page, a page for each area of exploration, from Starseeds and the Akashic Records to twin flames and synchronicities, the course and enrollment pages, a discovery session form, a contact form and a members’ log in.

DESIGN STRATEGY

Your awakening
has a story.

Visitors often arrive unsure what to call what they’re experiencing, so the site starts with them. “Which of these sounds like you?” offers six first-person statements, such as “I started knowing things before they happened,” and each one leads to the page that explores it. The discovery session form asks the same question, so the conversation starts from where the visitor is.

The course is presented as a walk rather than a product. Its six stages, from Restoration to Mission, appear in order as you scroll, two weeks each, followed by a plain list of what’s included and the price: $497, or three monthly payments of $179.

TYPOGRAPHY

Cormorant Garamond for headlines and quotes, Inter for text and widely spaced capitals for labels.

COLOR

A dawn sky of lavender, rose and gold over layered hills, deepening to a navy night sky, with gold for buttons and accents.

MOTION

Layered hills, a starry night sky and a scroll-led walk through the six stages, toned down for reduced motion.

HOW IT’S BUILT

From first visit
to enrolled.

The site runs on Next.js and React with Tailwind CSS. Pages are prerendered and served through Cloudflare, so they load quickly and search engines get the full text.

The enrollment form collects the student’s details and lets them pay in full or in three monthly payments, then hands off to Stripe’s hosted checkout, so card details never touch the site. Enrolled students log in to a members’ area for the course.

FRAMEWORK
Next.js and React
STYLING
Tailwind CSS
PAYMENTS
Stripe Checkout, in full or in three monthly payments
ACCOUNTS
Members’ log in for enrolled students
DELIVERY
Prerendered pages served through Cloudflare

SEARCH, BUILT IN

A page for
every question.

People search for the experience they’re having, not for a practitioner’s name, so each experience has a page of its own.

Each area of exploration, from Starseeds and past lives to soul purpose and synchronicities, has its own page.

Every page has its own title and meta description and a single H1.

Pages are prerendered, so search engines read the full text without running scripts.

A Resources page gathers every area in one place and links to each page.

The homepage answers common questions in a “Questions, answered honestly” section.

The Path of Remembrance site on a phone, at the “Which of these sounds like you?” cards

THE SAME WEBSITE. A SMALLER SCREEN.

PROJECT HIGHLIGHTS

The details
that make it work.

“Which of these sounds like you?”

Six first-person statements lead visitors to the page that fits their experience, and the discovery form asks the same question.

A course walked in six stages

Restoration, Remembrance, Awakening, Abilities, Purpose and Mission appear in order as you scroll, two weeks each.

Checkout on Stripe

Students pay in full or in three monthly payments on Stripe’s secure checkout, then log in to the members’ area.

YOUR NEXT WEBSITE

Planning a website
your customers will use?

Let’s talk about your business, your customers and what your website needs to do.