NOVAERA, concept clinic website

Industry: Healthcare, reproductive medicine (fictional clinic)

Type of work: Concept project, clinic website

Idea: A clinic that treats clarity as part of the treatment: one care team, one written plan, and every step explained before it happens. The site follows the same idea. Services, the patient journey and the medical team are explained in plain language, without promises or success rates.

Design task: Look like a precise medical institution rather than a wellness spa. The direction is "clinical precision": white surfaces, deep surgical navy, a single teal accent, hairlines, large photography and one grotesk typeface. The signature element is a focus reticle, the ring of a medical instrument, which runs through the first screen, the section transitions, the team directory and the logo.

Motion: Motion follows the idea of focus. The intro draws the reticle and opens the first screen; a lens follows the cursor; the reticle travels between sections and opens the next photograph; services and the patient journey are pinned sections; pages change with a wipe, and portraits move between the team list and the profiles. A version without motion is provided for visitors who reduce it.

Technical implementation: Next.js (App Router, static export), React, TypeScript, GSAP (ScrollTrigger, SplitText, Flip), Lenis. 20 pages: 6 services, a 6-step patient journey, 4 clinician profiles with sample certificates in a lightbox, a team filter, 3 articles, FAQ; a demo consultation form that sends nothing; tested with Playwright and axe; closed from search indexing.

Technologies: Next.js, React, TypeScript, GSAP, Lenis, CSS

Note: Fictional clinic created to demonstrate INVARQO's approach. Clinician profiles, certificates and services are illustrative; there are no real doctors, patients, prices or results. Photos are freely licensed (CC0) and credited on the site.