Hippocrates Wellness

Designing a more immersive wellness experience. Where storytelling, generative AI and custom code meet.

Hippocrates Wellness, founded in 1956 in West Palm Beach, Florida, welcomes guests from all over the world to a 55 acre campus. We redesigned and extended its digital experience, and built the landing of its core program as a cinematic sequence that moves with the scroll.

Industry
Wellness, health and hospitality
Location
West Palm Beach, Florida, USA
Year
2026
DesignDevelopment
1scroll-driven video sequence, generated with Google Veo and synced in custom code
8journeys published from one shared, dynamic template
3months from brief to approved launch, June to August 2026
The challenge

Making complexity feel effortless.

Hippocrates offers residential programs, specialised journeys, campus experiences, education and community initiatives, for very different audiences. The first challenge was to make that ecosystem easier to understand and to move through.

The second was the Life Transformation Program, the center’s core program. A standard information page could not carry what the program feels like. We wanted a page that draws people in from the first second, using movement, images and interaction as narrative tools, without losing clarity.

Approach

Three goals, one experience.

Clear information, emotional storytelling and technical depth had to live on the same pages.

  1. 01Simplify the informationA structure that lets each visitor find the program, the stay or the conversation they came for.
  2. 02Create an immersive narrativeMovement and images that tell the program before the copy does.
  3. 03Build a flexible systemTemplates and structured content the team can keep growing.
Featured experience

An experience that unfolds as you scroll. The Life Transformation Program.

For the center’s core program we designed a landing built around a cinematic sequence controlled by the scroll. Water is the metaphor: change, depth, transformation.

The sequence starts at the surface and slowly takes the viewer under it. AI-generated footage, video and custom JavaScript turn an ordinary scroll into the way the story is told.

Screen recording of the live landing
Creative concept · Drop into Water

A visual metaphor for transformation.

A calm scene, a drop meeting the water, rings spreading out, then a change of point of view below the surface. The video is not a background: its movement is part of how the page speaks.

  1. 01Still surfaceA dark pool framed by leaves. A single drop falls.
  2. 02ImpactThe drop meets the water: the first movement of the story.
  3. 03Rings spreadConcentric waves open the space for the title.
  4. 04The title surfacesThe program name rises with the ripples.
  5. 05The promise“One foundation. Many ways to begin again.”
  6. 06Below the surfaceThe point of view drops under the water, and the program begins.
AI video production · Google Veo

AI-generated visuals. Human-directed storytelling.

We used Google Veo to generate the footage, inside a creative direction set for the project. The goal was not just a beautiful clip, but a sequence whose movement could be driven by the scroll.

  1. 01Creative direction.beeasyThe metaphor, the narrative sequence and the kind of movement we needed.
  2. 02AI-assisted video creationGoogle VeoVideo generated with Google Veo, following that direction.
  3. 03Interactive adaptation.beeasyThe material prepared to live inside a scroll-controlled web experience.

AI contributed to the footage. Creative direction, experience design and implementation are by .beeasy.

Custom development

When scrolling becomes part of the story. Page progress drives video progress.

We built a custom solution that ties the video to the scroll. The sequence does not play on its own timeline: it moves as the visitor moves through the page, so the scroll sets the pace of the story.

01Scroll position02Interaction progress03Video timeline04Visual state
Scroll demo · 0%
Demo built with real frames from the landing: scroll this section or tap a point. Percentages explain the principle, they are not the project’s values.
  1. 01Scroll inputThe visitor’s movement is the input.
  2. 02Scroll progressionPage progress sets the state of the experience.
  3. 03Video synchronizationThe video position follows that state.
  4. 04Visual continuityThe image stays continuous while exploring.
  5. 05Content transitionThe sequence hands over to the content of the landing.
The full landing

A complete experience, not just a visual effect.

After the opening, the landing explains the 21 day residential program, the journeys, the Hippocrates principles, accommodations, protocols and experts, and leads to a consultation.

01The FoundationThe 21 day residential program.
02Choose Your JourneyThe core program, and the journeys built on it.
03Five FoundationsRight Food, Right Mind, Right Practice, Right People, Right Place.
04Guided JourneyA few questions to understand needs and how to proceed.
05AccommodationsGarden, Sanctuary and Eden.
06ProtocolsWellness protocols to shape your own program.
07ExpertsThe team that leads the program.
08Guest storiesLife after the stay, in guests’ own words.
09First step“Your journey begins with a single step.”
What we did

One project, step by step

Design01

The wider website

One digital ecosystem. Multiple ways to explore.

1.1Homepage

The campus at night, a clear promise and two ways in: stay with us, or watch the film. A free consultation is always one tap away.

1.2The approach, in plain words

Who Hippocrates is, where it is and how the program works, in three short principles: release burden, restore flow, renew resilience.

1.3Events and tours

Talks, movement and community evenings on campus, most of them open to visitors, with a campus tour one click away.

1.4Alumni, always welcome back

A space for past guests: a repeat stay, an event, a tour with someone new, continuing education.

1.5Making the next step feel natural

Discover, explore, choose, connect. Not everyone knows which program fits, so the site always offers a conversation: the consultation bar, “Talk to our team”, and a guided Plan Your Journey form that asks about needs, timing, guests and contact details.

Development02

Development

From design to a production-ready experience.

2.1AI-assisted components, editable by the team

AI also supported the production of WordPress and Elementor components, inside a process we controlled. The goal: custom work the in-house team can still edit every day.

2.2Responsive and pre-launch checks

Responsive adaptation of every template, custom CSS and JavaScript where needed, and a full review of the staging site before going live.

Key featureCMS architectureTemplate system

A flexible foundation behind the experience. Dynamic content with WordPress, Elementor and ACF.

Each journey had its own content, but the same logic. We set the Journeys up as a Custom Post Type with Advanced Custom Fields, and connected them to dynamic Elementor templates.

Sections appear only when there is content for them, so a new program does not need a new page built by hand. The cinematic landing is bespoke; the rest of the site runs on components the team edits.

  1. 01Content modelJourneys live in their own content type.Custom Post Type
  2. 02Custom fieldsDedicated fields hold what each journey needs.FormatLengthExperts
  3. 03Shared templateOne dynamic layout reads the fields.Dynamic tagsComponents
  4. 04The pageSections show up only when they have content.Conditional sectionsResponsive
AOne foundation, eight journeys
The core program first, then the journeys built on it. Every card reads from the same structure.
BThe same fields, filled per program
Format, included in, length: one structure that every program fills with its own data.
Timeline

Three months, from brief to launch

  1. Jun 2026Brief, architecture and creative directionRedesign and extension of the existing WordPress site: homepage, programs, journeys, @Home, corporate, alumni, ambassadors, events.
  2. Jul 2026Design and developmentTemplates, custom components and responsive work with the client team, and the Drop into Water concept.
  3. Aug 2026CMS and dynamic templatesJourneys on Custom Post Types and ACF with conditional sections. Blog archive and article templates added on request.
  4. 25 Aug 2026Approved for launchStaging approved, then a planned move to production with a full backup: pages, Elementor templates, menus, Journeys and ACF settings.
Results

Beyond web design. Into digital experiences.

  1. 01An immersive landing for the Life Transformation Program, with footage generated with Google Veo and driven by the scroll.
  2. 02A redesigned website experience, from the homepage to the community pages.
  3. 03Eight journeys managed through one dynamic template, with conditional sections.
  4. 04Reusable Elementor components the in-house team can edit.
See it livehippocrateswellness.orgvisit the website
Next projectProject Wellness EquipmentA professional equipment catalogue, and a quotation journey built around the way they sell.all projects
Start a project

Tell us where you want to go.

We'll help work out the right approach. It starts with one question.

What do you need?

branddesignproductdevelopmentnot sure yet
continue · 1 selected

or write to hello@beeasydesign.com

{{ p.name }}{{ p.name }}

{{ p.hA }} {{ p.hB }}

{{ p.lede }}

{{ U.industry }}
{{ p.industry }}
{{ U.location }}
{{ p.location }}
{{ U.year }}
{{ p.year }}
{{ U.client }}
{{ p.url }}
{{ t.name }}
[IMAGE] {{ hero.cap }}
{{ f.n }}{{ f.l }}
{{ U.chalEb }}

{{ p.chalH }}

{{ c.t }}

{{ U.apprEb }}

{{ appr.h }}

{{ appr.p }}

  1. {{ pr.n }}{{ pr.t }}{{ pr.p }}
{{ U.cinEb }}

{{ cin.h }} {{ cin.sub }}

{{ cp.t }}

{{ cin.recCap }}
{{ cin.sbEb }}

{{ cin.sbH }}

{{ cin.sbP }}

  1. {{ fr.n }}{{ fr.t }}{{ fr.p }}
{{ cin.veoEb }}

{{ cin.veoH }}

{{ cin.veoP }}

  1. {{ vs.n }}{{ vs.t }}{{ vs.who }}{{ vs.p }}

{{ cin.veoNote }}

{{ cin.syEb }}

{{ cin.syH }} {{ cin.sySub }}

{{ cin.syP }}

{{ ch.n }}{{ ch.t }}
{{ U.scrubLive }} · {{ cin.pctTxt }}
{{ cin.syNote }}
  1. {{ cc.n }}{{ cc.t }}{{ cc.p }}
{{ cin.lnEb }}

{{ cin.lnH }}

{{ cin.lnP }}

{{ ls.n }}{{ ls.t }}{{ ls.p }}
{{ U.baEb }}

{{ ba.h }}

{{ ba.p }}

{{ U.before }}{{ ba.beforeWhen }}
{{ bi.cap }}
{{ U.after }}{{ ba.afterWhen }}
{{ ai.cap }}
{{ U.didEb }}

{{ U.didH }}

{{ c.terrName }}{{ c.num }}

{{ c.title }}

{{ c.intro }}

{{ st.num }}{{ st.t }}

{{ st.p }}

[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}[IMAGE] {{ st.c.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}{{ c.n }}Aa{{ p.typeName }}
{{ U.featEb }}{{ tg.t }}

{{ ft.h }} {{ ft.sub }}

{{ fp.t }}
  1. {{ fl.n }}{{ fl.t }}{{ fl.p }}{{ fd.f }}
{{ sh.k }}{{ sh.label }}
{{ sh.note }}
{{ U.tlEb }}

{{ tlH }}

  1. {{ ph.when }}{{ ph.t }}{{ ph.p }}
{{ U.resEb }}

{{ resH }}

  1. {{ r.num }}{{ r.r }}
{{ U.quoteEb }}
{{ quote.text }}

{{ quote.who }} · {{ quote.role }}
{{ U.galEb }}

{{ U.galH }}

[IMAGE] {{ g.cap }}
{{ U.liveEb }}{{ p.url }}{{ U.visit }}
{{ U.ongEb }}

{{ ong.h }}

{{ ong.p }}

{{ og.terr }}{{ og.status }}{{ og.t }}{{ og.p }}
{{ U.nextEb }}[IMAGE] {{ next.cap }}{{ next.name }}{{ next.hA }} {{ next.hB }}{{ U.allWork }}
{{ tx.eb_start }}

{{ tx.start_h }}

{{ tx.start_lede }}

{{ tx.need_q }}

{{ tx.ln_brand }} {{ tx.ln_design }} {{ tx.ln_product }} {{ tx.ln_dev }} {{ tx.chip_unsure }}
{{ tx.m_continue1 }}

{{ tx.or_write }} hello@beeasydesign.com