Novoe Vremya — Medical & Education Corporate Site

Overview

Novoe Vremya LLC runs two directions under one brand — a medical center and a training (educational) center — both in the process of licensing. The brief was a single corporate site with a striking landing page that “forks” the visitor toward one of the two directions, and behind each fork, a section structure that follows the legal requirements for medical and educational organizations to the letter. Built on Astro + Tailwind with the design directed through Google Stitch, delivered in a one-week engagement.

Problem

In Russia, a medical or educational organization’s public website is itself part of the licensing check: inspectors verify that every mandatory section exists, is correctly named, is clickable and carries the right markup. The catch is that most of those sections have no real content yet — the organization is still assembling its charter, licenses and staff records. So the site had to be structurally complete and compliant while being mostly empty, with each section shipped as a styled placeholder ready to be populated later.

Solution

The homepage is a “fork”: a hero with the name and logo and two large cards routing to Medicine and Education. Behind the medical fork sits the full section tree required by Health Ministry Order 118n — general info, license block with a placeholder for the QR registry extract, medical staff cards by the official nomenclature, medical activity, a price list built to the 804n services nomenclature, controlling bodies, PD policy and feedback forms. Behind the education fork sits the “Information about the educational organization” section with all eleven mandatory subsections plus the additional ones required by Rosobrnadzor Order 1493 (effective 01.03.2026), each with the semantic HTML markup regulators require. Search runs on Pagefind (a static index, no backend), the sitemap is auto-generated, and forms carry consent checkboxes and honeypot anti-spam.

Features

• Landing “fork” into two directions (medical center / training center) with logo, hero banner and CTAs
• Full Order 118n medical section tree: license/QR placeholder, specialist cards, 804n price list, activity, controlling bodies
• Full Rosobrnadzor 1493 “Information about the educational organization” tree — 11 mandatory + additional subsections with semantic markup
• Every empty section shipped as a styled, clickable placeholder ready for content
• On-site search via Pagefind (static, backend-free), auto-generated sitemap, Schema.org (Medical/Educational Organization)
• Accessibility to WCAG 2.1 AA / GOST R 52872-2019: scalable type, contrast, keyboard navigation, correct alt/aria
• Teal palette with soft gradients — a “warmer”, brighter identity than the usual strict institutional look

Development Process

The hard part wasn’t code, it was compliance cartography: turning two dense regulatory checklists into a section tree that an inspector can tick off, while a non-technical owner can still fill it in. Design direction went through Google Stitch (the “Arctic Clarity” airy layout), then the blue accent was swapped for the teal the client asked for and reinforced with soft blue-teal gradients. Because Russian PD-localization law (152-FZ) rules out foreign hosting for production, the build stays static and portable so it can be deployed to an RF host without server functions.

Results

• A licensing-ready site: every mandatory medical and educational section present, named correctly, clickable and marked up
• A structure the owner can populate section by section without a developer
• Static, fast and accessible — targeting Lighthouse Performance ≥ 90, Accessibility ≥ 95, SEO ≥ 95 on mobile
• A foundation for the next phase: lead capture, SEO promotion and content

What Was Learned

For regulated-industry sites, the deliverable is often the structure, not the copy. Modeling the whole compliance tree up front — and shipping empty sections as first-class, styled placeholders — meant the client could pass inspection immediately and grow into the site over time, instead of waiting for every document to exist before launching.