VITAE — Care in Motion

VITAE — Care in Motion is a cinematic healthcare landing page that combines a dark visual theme, soft magenta lighting, and oversized typography with an interactive, scroll-driven story.

A transparent medicine bottle travels between sections, completing 360-degree rotations as visitors scroll. The sequence continues with the cap twisting and lifting, followed by a tablet rising from the bottle and moving toward a woman’s open mouth. After she takes it, her tired expression gradually becomes relaxed and refreshed as the scene shifts from muted tones to warm color. This transformation is an illustrative brand narrative, not a clinical treatment claim.

The full landing page includes care-focused content sections, product details, an expandable FAQ, and an interactive planner that lets visitors download questions for a care conversation. Responsive layouts, mobile navigation, reduced-motion support, and ambient animation controls make the experience adaptable across devices.

Built with HTML, CSS, and vanilla JavaScript, VITAE uses optimized WebP imagery and requires no frontend framework. Its editable structure makes it a flexible starting point for healthcare, wellness, or pharmaceutical brand presentations.