Что в мире уже сделано из того, что просит Quintessence
Борд собран по тексту ТЗ: каждый блок назван словами клиента, под ним показано, как это решают премиальные клиники и медицинские бренды. У каждого референса помечена ось (структура, характер, подача продукта), что берём, что не берём и насколько это тяжело в реализации. Цель борда: на созвоне показать картинки вместо абстракций и понять, что для клиента «обязательно», а что «было бы здорово».
Альпийская клиника: тишина и свет
Lanserhof, cereneo, Hirslanden: белый воздух, крупная фотография, мало слов. Премиальность через сдержанность. Подходит обоим филиалам, особенно реабилитации.
Longevity-технология: данные и тело
Function Health, Fountain Life, Hooke: превентивная медицина как технологический продукт, цифры, интерфейсные детали, тёмные акценты. Подходит Клинике персональной медицины.
Московский премиум: врач в кадре
Клиника Фомина, Hadassah, Ильинская: русскоязычная подача, врач как главный герой, понятная запись. Ближайший по рынку ориентир для Алматы.
«Логотип оживлён анимацией, эффекты живого премиального сервиса, видеофон премиального качества»
Первый экран портала: анимированный логотип, видеофон, интерактивный разветвитель на два филиала.
Видео-петля на первом экране плюс короткая анимация логотипа (2–4 секунды, Rive) и два крупных входа в филиалы прямо в hero. На телефонах статичный кадр вместо видео.
видео-петля на весь первый экран, одна фраза, одна кнопка; логотип как тонкий знак сверху, не кричит
Не берём: курортная интонация и английский пафос заголовков
видеофон плюс две кнопки прямо в hero (это и есть наш «разветвитель» на два филиала) и строка доказательств: цифры, награда
Не берём: тёмная палитра целиком, продающие «AI»-обещания
логотип как главный элемент первого экрана: крупная типографика поверх фотографии, появляется первой; это самый честный способ «оживить логотип» без ролика
Не берём: мелкая навигация верхней строкой, слишком много пунктов
кинематографичный тёмный первый экран, серифный заголовок, тишина вокруг; так выглядит «премиум» без золота
Не берём: чёрный фон для медицинского сайта в Алматы читается холодно; берём только для клиники персональной медицины и только как настроение
«Выбор филиала: два ключевых крыла»
Портал должен развести пациентов персональной медицины и реабилитации за один шаг; сквозная шапка с переключателем филиалов.
Переключатель филиалов в шапке всех трёх сайтов и две карточки-крыла на портале. Модель «сеть с выбором клиники» отработана у госпитальных групп.
зонтичная сеть: три входа в шапке (клиники, врачи, специальности) и поиск на первом экране; модель «портал сети → клиника»
Не берём: корпоративный синий, стоковая фотография врача
верхняя полоса с адресами и часами всех филиалов, кнопка записи рядом; буквально пункт ТЗ «телефоны и адреса обоих филиалов в шапке»
Не берём: центрированный логотип-заставка на весь экран
ряд карточек филиалов под первым экраном: название, адрес, кнопка «посмотреть на карте»; наши два крыла делаем так же, но крупнее и с фотографией. Сам первый экран сейчас про «центр здорового долголетия»: та же тема, что у Клиники персональной медицины
Не берём: перегруженная шапка с шестью кнопками
сеть с переключателем города в шапке, тёплая фотография, спокойный шрифт; ближайший русскоязычный образец «сеть клиник, а не одна клиника»
Не берём: розовый акцент и промо-полоса сверху
премиальная суб-марка внутри сети: свой лого-блок «МЕДСИ Премиум» и свой сайт при общем бренде; так может жить каждый филиал Quintessence
Не берём: заголовок «Медицина будущего» без содержания
«Философия персонального подхода: превентивный, интегративный, консилиумы»
Обосновать премиальный статус: индивидуальные карты здоровья, междисциплинарные консилиумы.
Раздел «как мы работаем» в 3–4 шага с реальными людьми и цифрами вместо иконок. Longevity-клиники делают это через данные, альпийские через фотографию.
философия в одном абзаце: «добавить жизни годам»; интегративность названа списком дисциплин (медицина, питание, фитнес, мозг); тихая фотография вместо иконок
Не берём: членская модель и цены в фунтах
«научная концепция реабилитации» как заголовок и кнопка «поговорить с неврологом» рядом; реабилитация показана через живых людей в движении, не через аппараты
Не берём: зелёная плашка и три уровня меню
путь пациента по шагам: тест, результаты, план, повтор; наш блок «индивидуальная карта здоровья и консилиум» рассказывается так же
Не берём: подписочная экономика
манифест в два абзаца плюс цитата основателя и портреты в одной световой схеме; так подаём «персональный подход» без иконок и буллетов
Не берём: чёрно-белая фотография как единственный приём
четыре столпа метода как структура раздела; так можно оформить «превентивный, интегративный, консилиум»
Не берём: эзотерическая лексика
планка локального рынка: текст, фото, кнопка; полезно показать клиенту, от чего отстраиваемся
Не берём: всё остальное
«Врачи крутятся, когда на них нажимают»
Карточки врачей обеих клиник с анимацией: стаж, аккредитации, степени, видео-визитки.
Скорее всего «крутятся» значит: фото врача меняется при наведении (второй кадр, живая фотография или короткое видео), по клику открывается карточка со стажем и регалиями. Ниже два сайта, где ровно этот эффект проверен: наведи курсор на портрет.
при наведении портрет сменяется вторым, «живым» кадром того же человека; ровно то, что клиент описал словами «врачи крутятся»
На созвоне: навести курсор на любого человека в блоке команды, подержать секунду
при наведении фото меняет кадр и поверх появляется цитата человека; для врачей на месте цитаты будут стаж и регалии
На созвоне: навести курсор на портрет в разделе команды
фильтры «ФИО, специальность, клиника» (у нас: два филиала) и карточка с плашкой стажа; кнопка записи прямо в карточке
Не берём: цены на карточке
заголовок раздела как аргумент («врачи с опытом работы за рубежом») и стаж поверх фотографии; фотография врача в белом на светлом фоне
Не берём: бордовые кнопки, плотный текст в карточке
фильтры «российские / международные», «онлайн / офлайн»; стаж и «доступен онлайн» на карточке
Не берём: тяжёлые чипы-переключатели
самый спокойный вариант: сетка портретов, имя как ссылка, степени и должности мелко; премиальность через воздух
Не берём: отсутствие фильтра по филиалу
команда как часть манифеста: портреты в одной световой схеме, короткие роли
«Аппараты крутились, когда заходишь на сайт и в эту вкладку»
Блок BTL и TechnoGym: показать технологическое лидерство, «мы уже в будущем».
Вариант в базовой смете: покадровый поворот по действию пользователя (серия фото или рендеров, как у Apple). Настоящее 3D в браузере как дополнение при наличии моделей от производителя: ниже два сайта, где это можно покрутить самому. У самого Technogym на сайте аппараты не крутятся, там галерея.
настоящее 3D в браузере: модель крутится мышью и пальцем, работает на телефоне; так будут вращаться аппараты, если производитель даст модели
Не берём: это демо технологии, не бренд
На созвоне: покрутить космонавта мышью, потом открыть примеры ниже на странице
встраиваемый 3D-плеер с готовой моделью прибора: вращение, зум, точки-подсказки; встраивается на сайт одной строкой
На созвоне: покрутить модель, нажать на подсказки; открывать в обычном браузере
аппарат как герой первого экрана: крупная фотография, название модели, одна строка «что это даёт»; так покажем SIS, HIL и Technogym на портале
Не берём: сама шапка сайта
белый аппарат на белом, крупно, без людей: чистая «технологичность»; для покадрового поворота такая съёмка и нужна
Не берём: заголовок без смысла
карточка аппарата у производителя: галерея ракурсов и характеристики; на самом сайте Technogym ничего не крутится, это статичные фото. Берём как источник рендеров, не как образец эффекта
Не берём: тёмный магазинный интерфейс
На созвоне: показать как есть: галерея, не 3D
та же логика: аппарат в среде клиники плюс крупный план; 3D на сайте нет
продукт на нейтральном фоне с чередой ракурсов, характеристики справа; образец «аппарат крутится» без 3D: серия кадров
Не берём: магазинная логика с ценой и корзиной
как сам BTL описывает SIS, HIL и ударно-волновую терапию: названия технологий, эффект для пациента; берём формулировки и иконографию
Не берём: синяя корпоративная палитра
«Интерактивный 3D-тур и сервис»
Галерея и 3D-экскурсия по обоим филиалам, стандарты комфорта, премиальный дизайн.
Панорамная съёмка (Matterport или аналог) подрядчиком, встраивание в раздел «пространство» плюс фотогалерея интерьеров как основной носитель.
настоящий 3D-тур на своей странице: список помещений слева, панорама справа; именно так встроим панорамы обоих филиалов
Не берём: устаревший интерфейс плеера
значок «360° 3D-тур» прямо в hero-карточке рядом с адресом и записью; тур не прячется в подвал
Не берём: ночная фотография здания
интерьер и свет как главный носитель «стандартов комфорта»; фотография делает больше, чем любой 3D
коридор, свет, врач и пациент в движении; для реабилитации это честнее пустых интерьеров
«Онлайн-запись и WhatsApp: виджет быстрой записи, выбор филиала и врача»
Умная форма в 3 шага: филиал, направление или врач, дата и способ связи. Карты 2GIS и Google.
Форма записи в 3 шага с выбором филиала и врача, отправка в WhatsApp или звонок. Реальное расписание врача только при наличии API у медицинской системы.
запись как пошаговый виджет с подписью шага («второй шаг: выберите формат»); ровно наша форма в 3 шага: филиал, врач или услуга, дата и способ связи
Не берём: иллюстрация виджета вместо самого виджета на первом экране
вход в запись через поиск врача или услуги плюс плитки направлений; для портала это шаг «выбор филиала → направление»
Не берём: подарочные карты в плитках
прогресс-бар из пяти шагов и панель «итог» справа; берём прогресс-бар и панель с выбранным филиалом и врачом
Не берём: отельная логика дат и гостей
плитки направлений с кнопкой «записаться на консультацию» в каждой; переключатель «взрослые / дети» сверху как образец «выбор филиала»
Не берём: стоковые иконки
Эффекты из ТЗ вживую: не медицина
Здесь не клиники, а сайты, где именно эти приёмы сделаны хорошо. Клипы записаны автоматически: первые секунды загрузки и медленная прокрутка. На созвоне открывать сам сайт по ссылке и показывать то, что написано под карточкой.
«Логотип оживлён анимацией, эффекты живого премиального сервиса»
Ожившее лого и первые секунды сайта.
Показать, как выглядит короткая анимация логотипа при загрузке и реакция на прокрутку: не ролик, а 2–4 секунды «дыхания» бренда.
ожившие векторные элементы на первом экране: так будет вести себя логотип, лёгкий и отзывчивый
На созвоне: перезагрузить страницу и смотреть первые 3 секунды, потом покрутить
планка «живого» первого экрана: всё реагирует на курсор и прокрутку, но остаётся спокойным
Не берём: это верх шкалы, для клиники берём десятую часть
На созвоне: подвигать курсором по первому экрану, прокрутить один экран вниз
первые секунды: макро продукта в движении и заголовок, который появляется следом; логотип тихий, продукт громкий
На созвоне: перезагрузить, смотреть, как собирается первый экран, потом прокрутить
видео на весь экран и крупная надпись поверх; логотип по центру шапки, как в ТЗ
На созвоне: первый экран 10 секунд, затем открыть любую коллекцию
«Видеофон премиального качества»
Первый экран с видео.
Показать два регистра видеофона: тихий отельный (Aman, Rosewood) и спортивно-медицинский (Equinox, Ten). Спросить, какой ближе клинике.
эталон тихого видеофона: медленное движение, почти без текста, логотип по центру
На созвоне: дать первому экрану поиграть 10 секунд, потом прокрутить к списку отелей
видеофон с интерьером, интерфейс на русском, внизу сразу форма бронирования: видео и конверсия на одном экране
На созвоне: первый экран с русским интерфейсом; показать, что видеофон и форма уживаются
видео плюс крупный серифный заголовок, тёплый свет
На созвоне: первый экран и переход ко второму блоку
роскошь через сдержанность: чёрное, золото, тишина
На созвоне: первый экран; обсудить, уместно ли для медицины
энергичный видеофон, короткие фразы, кнопка одна; премиум через тело и движение
На созвоне: первый экран, затем раздел клубов: у них тоже выбор локации
реабилитация и физиотерапия в премиальной подаче: видео, врачи-физиотерапевты, студии по районам
На созвоне: главная и раздел Physio: близко к нашему Реабилитационному центру
тёмный премиум, видео, крупная типографика; «медицинский» блок внутри клуба
На созвоне: первый экран и меню
«Аппараты крутились, когда заходишь на сайт»
Продукт вращается и раскрывается при прокрутке.
Показать, как бренды крутят устройство при прокрутке: покадровая анимация (Apple) и настоящее 3D (Bang & Olufsen). Для аппаратов BTL и Technogym это тот же приём.
единственный в подборке пример, где объект крутится мышью по-настоящему; проверено: кадр меняется при перетаскивании
На созвоне: покрутить космонавта, показать на телефоне
эталон покадрового поворота при прокрутке: устройство вращается, текст появляется рядом; ровно наш метод для аппаратов
На созвоне: медленно прокрутить первые три экрана
продукт крупно на нейтральном фоне, на карточках товара поворот и цвета
На созвоне: открыть любой продукт, покрутить его на странице товара
медицинское устройство как украшение: макро, вращение, спокойный текст
На созвоне: первый экран и страница продукта
health-tech в тёмном премиуме: продукт, цифры, доказательства
На созвоне: прокрутить главную до блока с данными
медицинский аппарат как герой сайта: томограф крупно, спокойный тон, запись рядом
На созвоне: первый экран, затем «How it works»
инженерный премиум: продукт на белом, макро-детали, тишина
На созвоне: страница любой камеры
медицинский прибор как продукт: тёмный фон, устройство крупно, цифра доверия рядом (87 % пользователей)
На созвоне: первый экран, затем страница BodyScan
«Философия персонального подхода, врачи и команда экспертов»
Как премиальные не-клиники рассказывают о методе и людях.
Показать, как longevity-бренды и wellness-клубы строят раздел «как мы работаем» и команду: шаги, люди в кадре, мало иконок.
самый близкий по духу пример: превентивное сканирование, минимализм, аппарат и человек, запись в два клика
На созвоне: главная, раздел «how it works» и страница записи
метод как последовательность шагов, интерьеры как в отеле, врачи с регалиями
На созвоне: раздел «Approach» и «Team»
превентивная медицина как продукт: цена, что входит, результат; очень ясная структура
На созвоне: главная целиком, быстро
сканирование всего тела: понятные шаги и цены, честный тон
На созвоне: раздел «How it works»
социальный wellness: интерьеры, процедуры, членство; атмосфера, которую хочет клиника
На созвоне: главная и раздел «Treatments»
спа + медицина под одной крышей, тёплая палитра, несколько локаций
На созвоне: главная и переключение локаций
сеть wellness-курортов с выбором локации на первом экране
На созвоне: первый экран: выбор локации похож на наш выбор филиала
пространство и свет как главный герой; ближе к «стандартам комфорта» из ТЗ
На созвоне: галерея и выбор города
«Врачи крутятся, когда на них нажимают»
Фото человека меняется при наведении.
Два сайта с проверенным эффектом смены портрета при наведении. На созвоне навести курсор и спросить: это оно?
портрет сменяется вторым кадром при наведении
На созвоне: навести курсор на человека в блоке команды
смена кадра плюс цитата поверх; у нас вместо цитаты стаж и регалии
На созвоне: навести курсор на портрет
Что показать и спросить на созвоне
- Показать три мира и спросить, какой ближе. Не спрашивать «нравится ли», спрашивать «где вы видите свою клинику».
- По каждому блоку ТЗ: это «обязательно к запуску» или «было бы здорово потом»?
- Есть ли видео и фото такого уровня, как на референсах, или их нужно снимать? Кто снимает?
- Показать переворот карточки врача и покадровый поворот аппарата: устраивает ли такое «кручение»?
- Есть ли 3D-модели аппаратов от BTL и Technogym и разрешение показывать их бренды?
- Куда уходит заявка сейчас и есть ли у МИС или CRM API?
- Три сайта: отдельные домены или поддомены quintessence.kz?