Web design2026SerenisBrand identity and web design
Serenis. Therapy you don't have to brace for.
Online therapy usually arrives in clinical blue and careful hush. Serenis takes the opposite line: a warm orange, real faces instead of abstractions, and an interface that moves.
Brand identityArt directionNext.js
A slow video loop sits behind the headline, dimmed almost to a wash.
Photographs do the emotional work before any UI appears.
Three numbered steps, joined by a thin hairline.
The feature grid drops into a full-bleed video band.
The page signs off on a dark card, one orange button doing the asking.
The build
No animation library underneath. The service icons are live SVG: the heart beats, the shield's checkmark draws itself, the globe keeps turning. Video runs under the hero and the mid-page band, and the whole thing rides on the latest Next.js, intentionally light.
Built with
Next.js16
React19
TypeScript
Even the icons refuse to sit still.
The constant small motion does as much as the color, and keeps a page about therapy from reading like a waiting room.
