Отрасль: Здравоохранение, репродуктивная медицина (вымышленная клиника)
Тип работ: Концептуальный проект, сайт клиники
Идея: Клиника, для которой ясность — часть лечения: одна команда, один письменный план и каждый шаг, объяснённый заранее. Сайт следует той же идее. Услуги, путь пациента и медицинская команда описаны простым языком, без обещаний и показателей успеха.
Дизайн-задача: Выглядеть как точное медицинское учреждение, а не как спа. Направление — «клиническая точность»: белые поверхности, глубокий хирургический тёмно-синий, один бирюзовый акцент, тонкие линии, крупные фотографии и один гротеск. Фирменный элемент — фокусировочное кольцо медицинского прибора, которое проходит через первый экран, переходы между разделами, каталог команды и логотип.
Анимация: Движение следует идее фокуса. Вступление рисует кольцо и открывает первый экран; линза следует за курсором; кольцо переходит между разделами и открывает следующую фотографию; услуги и путь пациента — закреплённые секции; страницы сменяются шторкой, а портреты переходят из списка команды в профили. Для тех, кто уменьшает движение, есть версия без анимации.
Техническая реализация: Next.js (App Router, статический экспорт), React, TypeScript, GSAP (ScrollTrigger, SplitText, Flip), Lenis. 20 страниц: 6 услуг, путь пациента из 6 шагов, 4 профиля врачей с образцами сертификатов в лайтбоксе, фильтр команды, 3 статьи, FAQ; демо-форма консультации, которая ничего не отправляет; проверено Playwright и axe; сайт закрыт от индексации.
Технологии: Next.js, React, TypeScript, GSAP, Lenis, CSS
Примечание: Вымышленная клиника, созданная для демонстрации подхода INVARQO. Профили врачей, сертификаты и услуги иллюстративные; настоящих врачей, пациентов, цен и результатов нет. Фотографии под свободной лицензией (CC0), авторы указаны на сайте.
Веб-разработка
Создание сайтов на CMS, конструкторах и индивидуальных технологиях.