A healthcare website folded out of paper

Written by: Hooman

Updated May 10, 2026
Folded, not decorated

We built Windward Healthcare a website with a paper boat sailing across an ocean and a beach with a lighthouse near the end. Origami is occupational therapy made visible. Every illustrated element on the site extends the same metaphor, not just the hero. This is what concept-first design produces when nothing on the page gets to opt out of the concept.

The metaphor came first

Most websites are built layout first. Hero, services, about, testimonials, contact. The content gets poured into the boxes. The result is a page that performs the genre of healthcare website without ever expressing the practice underneath it.

We started in the opposite place. The first question was not what sections does Windward need. It was what is occupational therapy, actually.

Occupational therapy is folding. A patient sits down with a therapist and folds the same difficult shape over and over until they can do it on their own. It is hands. It is patience. It is the imperfect crease and the second attempt and the version of yourself you build out of small repetitions. The practice is not the destination. The practice is the practice.

Origami is the same shape. You start with a flat piece of paper. You make one fold, then another, then another. Every fold sets up the next. A fold made wrong cannot be undone, only worked around. Two people folding the same piece of paper from the same instructions get two different boats. The imperfection is not a flaw. The imperfection is the point.

When we put that in front of Windward, the conversation stopped being about a website and became a conversation about the practice. That is the moment a project gets out of redesign mode and into something more interesting.

What's actually on the site

The homepage opens on a scene. Flowing water across the screen, and a single paper boat sitting in it. The camera zooms in until the boat is the whole view, and then the boat starts moving forward. As it travels, the page's services surface alongside it as small loading pop-ups, each one tied to a section of the homepage. The structure underneath is what every homepage has. Sections, services, calls to action. The experience on top of it is a voyage. The visitor is reading a homepage. The visitor is also watching a boat get somewhere.

From there the origami continues. Different pages, different folded forms, each one tied to the section it lives on. The adult occupational therapy practice has its own piece. The pediatric side has its own. Each one was drawn, folded, and animated with intention, not pulled from a kit.

The coaching page is the one we are most quietly proud of. Coaching at Windward is the slower, longer-form version of the practice. So coaching does not get an origami figure. It gets a bottle with a note inside, sitting on the page, waiting. The metaphor is not subtle. It does not need to be. A coach sends you something. You carry it. You open it when you are ready.

Why we made it hard for ourselves

A regular website is rectangles you fill with content. This was not a regular website. This was a research and development project we sold to ourselves under the cover of a client brief.

Putting a paper boat on flowing water inside a browser is not a thing browsers want to do. Water, in the version a viewer expects, is continuous, dynamic, reactive. A web animation is a series of frames the GPU draws thirty or sixty times a second. Then there is the camera, which has to zoom in on the boat, follow it as it travels, time the loading pop-ups to the page's services, and stay smooth on a phone the whole way. None of those problems are large on their own. Solved at once they are a research project.

We did it anyway. We always do. Every Hooman project is also our portfolio, and if we had built another standard healthcare website we would have nothing new to show the next client who asks us a hard question.

That is the throughline. We take briefs and turn them into research and development. The research and development is what makes the next brief better, and the brief after that.

The decisions most healthcare sites won't make

Healthcare website design has a dominant aesthetic and it is cowardly. Stock photo of a doctor at a clipboard. Gradient blue-to-white header. A subheading that says Compassionate Care for You and Your Family. Three icon boxes. A testimonial carousel. Footer with address. You can swap the logo for any practice in any city and the page still works. The site is not a site. It is a category placeholder.

This happens because clients in cautious categories conflate familiarity with trust. The logic goes: customers are uncertain; uncertainty requires reassurance; reassurance looks like professionalism; professionalism looks like whatever everyone else looks like. Differentiation starts to feel like a liability. So the copies pile up, each generation blander than the last.

The escape from that loop is not louder design. It is a real point of view, executed all the way down. Which sounds like a low bar until you spend an afternoon looking at how rarely it actually happens.

An ocean, then a beach

Most homepages have a hero and then they have everything else. Windward has a first act and a second act.

Near the bottom of the homepage, the scene changes. The ocean gives way to a sandy shore. A lighthouse stands in the background. A paper boat rests on the beach. The contact form appears here, in this quieter place, after the journey has played out.

It is the only healthcare homepage we know of with a second act, and the second act earns its place because the first one set it up. Most agencies wouldn't ship the beach. They would shorten the homepage, or skip the cinematic, or put the contact form where contact forms always go. The site has the beach because the journey has a destination, and the destination is the point of the practice.

The copy moves with the design rather than fighting it for attention. "A good captain does not remove the waves; they teach the crew to learn the ropes and trust their hands." That line earns its maritime register because the rest of the site earns it first. Most healthcare sites communicate what they do. This one communicates what it feels like to be helped.

What concept-first actually means

What we did with Windward is what we mean when we say concept-first design. A metaphor that holds up across every element on the page, not a clever line in the hero. The bottle on the coaching card. The lighthouse on the shore. The clouds in the painted sky. None of them are decoration. Each one is occupational therapy made visible.

Most websites describe what a business does. The good ones show what its practice feels like to be inside of. Anything else is a layout.

Face icon
Face icon
Face icon