Два сайта как единая система и 46 000+ довольных пациентов: сайт для клиники Миллидент

Миллидент — сеть взрослых и детских стоматологий в Казани. Компания работает с 2018 года: за это время открылось 5 филиалов, а штат вырос до 70+ врачей.

Одна из особенностей клиники — очень «человеческая» забота о клиентах. Это проявляется не только в высокой квалификации врачей, но и в дизайне интерьера, работе всего персонала — и в тех мелочах, которые незаметны пациентам, но очень влияют на их комфорт. Например, сотрудники Миллидент внимательно следят, чтобы в клиниках не было специфического запаха больницы — того, который вызывает тревогу и дискомфорт у детей и даже у взрослых.

Высокий уровень клиники хорошо отражен в офлайне, но плохо передавался в онлайне — прошлый сайт Миллидент тяжело работал, выглядел несовременно и в целом был неудобен пользователям. Для каждой услуги создавалась отдельная страница — из-за этого сайт разросся до больших масштабов и создавал высокую нагрузку на браузер.

За решением проблемы команда Миллидент обратилась к Oxem.

Нам нужно было создать сайт, который состоит из двух подсайтов — для взрослого и детского направлений работы клиники. Важно было передать подход Миллидент: заботу и внимание к клиентам — и адаптировать дизайн под новый брендбук.

Разработали сайт Миллидент, который закрывает поставленные задачи, подчеркивает ключевые преимущества клиники и привлекает клиентов. Для этого:

✔️ Провели продуктовое исследование: собрали главные боли и потребности целевой аудитории, провели анализ конкурентов — как российских, так и зарубежных;

✔️ Собрали контент со старых страниц, структурировали и адаптировали его под SEO и AEO;

✔️ Разработали дизайн сайта сети взрослых стоматологий Миллидент;

✔️ Полностью обновили сайт детской стоматологии Миллидети внутри платформы Миллидент;

✔️ Реализовали переход между сайтами Миллидент и Миллидети в формате Single Page Application — это позволило объединить два сайта в одной системе.

✔️ Сверстали платформу Миллидент на Astro и WordPress, протестировали и запустили ее.

Чтобы глубже понимать бизнес Миллидент и особенности сферы, провели структурированный брифинг с заказчиком. Также собрали анализ конкурентов и рынка в целом: исследовали сайты отечественных и зарубежных компаний в сфере медицины и в смежных отраслях. Собрали удачные практики, которые будем использовать как референсы фич, визуалов и функционала для нового сайта Миллидент.

Выявили ключевые боли и потребности пациентов, на которые будем опираться при создании нового сайта. Для этого проанализировали отзывы конкурентов на платформах-отзовиках (ПроДокторов, Яндекс Карт, 2ГИС), форумы, соцсети, профильные рейтинги, дополнили анализ нейросетевым поиском, а также изучили видео на YouTube-видео о пользовательском опыте.

Например, узнали, что один из главных страхов целевой аудитории при записи на приём — некомпетентный врач. У родителей в детских клиниках свои боли: например, ребёнок боится врача и не проходит приём до конца. Так что родителям уже на сайте важна информация о том, как в клинике ищут подход к маленьким пациентам.

Благодаря этой информации собрали карту болей пользователей — где для каждой боли определили, как сайт должен ее закрывать через структуру, функционал, дизайн, контент. Карта болей легла в основу структуры и дизайн-концепции сайта.

Структура и контент сайта сильно влияют на выбор клиники пользователями:

• некачественное содержание и сложная архитектура снижают видимость страниц в поисковиках;

• а нерелевантный контент на сайте часто побуждает пользователей закрыть страницу с клиникой и найти другую.

Так что уже на этом этапе мы проработали все до мелочей.

1. Создали понятную для пользователей структуру сайта.

При создании структуры опирались на современные UX-стандарты — это простой интерфейс, понятные сценарии и прозрачный путь к действию. А также на карту болей пользователей, которую разработали на этапе аналитики.

Например, чтобы закрыть страх перед некомпетентностью врача, создали для стоматологов Миллидент личные страницы. Собрали в них ключевые регалии и опыт врачей. Теперь посетитель может познакомиться со своим стоматологом ещё до приёма — и быть уверенным в его квалификации.

Для этой же цели добавили экспертный блог, в котором специалисты Миллидент делятся полезными рекомендациями по уходу за зубами, новейшими методами лечения, подробностями той или иной процедуры и другой полезной информацией.

Отдельная задача — сделать так, чтобы структура была достаточно компактной. Это помогает снизить нагрузку на сайт и повысить скорость загрузки.

Для этого переработали иерархию страниц. Раньше каждая подуслуга (например, специалист или процедура) была оформлена как отдельная страница. Теперь они оформлены как секции на странице направления («Врачи» или «Услуги»). Это помогло сделать сайт легче и быстрее.

2. Оптимизировали структуру под SEO и AEO.

Через Яндекс.Вордстат собрали семантическое ядро (больше 2 000 запросов!), которое помогло понять, какие темы наиболее актуальны в сфере Миллидент — а значит, какие страницы, заголовки и тексты будут лучше продвигать сайт вверх в поисковой выдаче.

Опираясь на собранную семантику, добавили в структуру новые блоки — например, FAQ.

Чтобы сайт лучше понимали нейросети, мы сделали его максимально структурированным: разделили на логичные блоки с простой навигацией между ними. Подготовили готовые разделы для всех страниц, настроили перелинковку и четкие правила для заголовков и ссылок.

Исходя из новой структуры, мы создали варфреймы — уникальные каркасы страниц сайта.

Следующий шаг — объединить структуру сайта, варфреймы, фич-лист и понимание болей и потребностей целевой аудитории в единый продукт — через тексты и дизайн.

Подход клиник Миллидент — забота о пациентах. Он проявляется во всём: от врачей-профессионалов до комфортной обстановки в клиниках. Эту заботу мы передали и через сайт.

Например, тщательно проработали тексты, чтобы пациентам было легко разобраться даже в сложных услугах клиники. Для этого сгруппировали процедуры по потребностям пациентов и использовали понятные формулировки — например, «воспалилась десна». При выборе такого запроса пользователь сразу видит список подходящих услуг: «лечение пародонтоза», «vector-терапия дёсен» и т.д.

Такой подход помогает пользователям не теряться в медицинских терминах при записи к врачу — и выбор становится проще и понятнее.

Добавили на сайт крупные заголовки — благодаря этому контент воспринимается проще и пользователь может легко найти интересующий его раздел.

Кроме того, заголовки помогают в SEO-продвижении. Чтобы сайт лучше ранжировался в поисковиках, прописали в них ключевые запросы, которые подобрали на этапе сбора семантического ядра.

При разработке дизайн-концепции руководствовались новым брендбуком Миллидент. По итогу получился современный, удобный с точки зрения UI сайт.

Чтобы подтвердить высокую квалификацию стоматологов Миллидент, добавили упоминание 46+ тыс. довольных пациентов на один из первых экранов главной. А также вывели отзывы в формате живой ленты. Это помогает пользователю быстрее получить подтверждение экспертности клиники и её опыта.

Дополнительно мы интегрировали данные с площадок отзывов, чтобы посетители могли сразу увидеть рейтинг Миллидент и познакомиться с опытом других пациентов.

Многие клиенты не знали, что у Миллидент есть и бесплатные услуги: например, первичное обследование и консультация. Поэтому мы подсветили их в баннере на главной и других страницах. Теперь при нажатии на баннер можно в один клик записаться на приём!

Также добавили на сайт фотографии сотрудников клиники — так оживили сайт и показали персонал Миллидент, что сразу повышает доверие к клинике.

Отдельное внимание уделили визуальному комфорту и отсутствию неприятного контента на сайте. Мы намеренно избегаем анатомически-подробных иллюстраций на первых экранах (например, как выглядят зубы пациента до лечения и после) — так как у многих такой контент вызывает негативные эмоции.

В дизайне сайта взрослых клиник Миллидент придерживались синей цветовой гаммы — она про чистоту, спокойствие и медицинскую тематику.

Чтобы контент сайта было легко воспринимать, добавили динамичные элементы: видео в блоке «Запись на консультацию» и бегущие строки.

Также использовали на сайте аккуратные, плавные анимации — это добавляет интерактивности и делает взаимодействие с сайтом более комфортным и удерживающим внимание. Например, по мере скролла главной страницы один оттенок синего на фоне переходит в другой — а карточки в экспертном блоге можно перетаскивать вручную.

Система Миллидент состоит из двух сайтов на разных доменах — взрослой стоматологии Миллидент и детской Миллидети. Клиенту было важно объединить оба сайта в единую структуру, чтобы подчеркнуть их связь — но при этом сделать каждый максимально адаптированным под свою аудиторию.

Мы объединили сайты общим стилем. Например, используем одинаковую типографику, разделение на смысловые блоки и единый принцип оформления профилей врачей.

Но в то же время дизайн Миллидети адаптирован под детскую и родительскую аудиторию. Чтобы передать дружелюбную атмосферу и показать, что самое главное для клиники — это маленькие пациенты, мы использовали оранжевую цветовую гамму и много фото счастливых детей.

В текстах сайта Миллидети сделали язык более «родительским»: использовали больше уменьшительно-ласкательных слов и обращение через «мы». В то же время формулировки всё так же помогают разобраться, какая услуга потребуется при конкретной проблеме. Например, можно выбрать плашку «мы хотим сохранить зубки» и попасть на процедуру герметизации фиссур.

Создали сайт Миллидети, учитывая боли и потребности своей целевой аудитории. Например, одна из болей родителей, которую мы нашли на этапе аналитики — ребёнок может испугаться врача и не пройти приём спокойно до конца.

Поэтому на главной Миллидети мы сразу показываем, что в клинике есть бесплатная услуга — адаптивный приём для ребенка. На ней маленький пациент может познакомиться со стоматологом и обстановкой клиники до того, как начнется лечение.

А в блок услуг добавили отдельную группу процедур под названием «Мы боимся стоматолога», в которой объединили лечение под седацией и лечение во сне.

Фронтенд сайтов сверстали на Astro. Этот фреймворк хорошо подходит для статичных сайтов с интерактивными элементами вроде анимаций. Он обеспечивает высокую производительность и скорость работы. Также Astro хорошо подходит для SEO-задач.

Кроме того, Astro позволяет переиспользовать готовые блоки (например, контакты или FAQ) по несколько раз — то есть теперь клиенту не нужно писать код для каждой новой страницы. Это упрощает поддержку проекта и снижает избыточность кода.

Бэкенд сделали на WordPress, чтобы заказчик самостоятельно мог управлять контентом на сайте.

Отдельно стоит упомянуть разработку анимаций — их мы сверстали на JavaScript, а не отрисовывали покадрово. Так обеспечили сайту высокую производительность и быструю загрузку.

Сайт реализовали в формате SPA (Single Page Application). Благодаря этому он не перезагружается при переходе между страницами и не создаёт дополнительную нагрузку на браузер.

Также использовали SPA, чтобы подчеркнуть связь проектов Миллидент и Миллидети. Теперь переход между сайтами реализован как переход между двумя страницами. То есть перезагружается не весь контент, а только изменяющиеся элементы. Это повышает конверсию: пациенту надо совершить меньше действий, чтобы перейти от взрослой клиники к детской — и наоборот.

Благодаря работе нашей команды разработчиков показатель скорости сайта Миллидент по версии Lighthouse — 99 из 100 баллов, что более чем соответствует хорошей скорости загрузки в сфере Миллидент!

Создали единую систему из двух сайтов — Миллидент и Миллидети. Платформа закрывает бизнес-задачи и упрощает путь пациента до записи.

✔️ Передали на сайте заботу о пациентах клиники Миллидент. Через удобную структуру, дизайн, фото персонала, понятные тексты без сложных терминов, «человеческие» формулировки услуг, информацию о 46 000, живую ленту отзывов и другие решения.

✔️ Теперь сайты Миллидент и Миллидети ощущаются как единая система. Они объединены общей дизайн-концепцией, структурой и SPA-переходами без перезагрузок. При этом каждый сайт учитывает потребности своей целевой аудитории.

✔️ Сайт имеет четкую структуру, адаптирован под SEO и AEO: ранжируется в поисковиках по 2000+ запросам, на нем четкие тексты и заголовки, а также важные блоки вроде FAQ.

✔️ Дизайн адаптирован под новый брендбук и уже собирает похвалы от клиентов и коллег Миллидент!

✔️ Для пациентов Миллидент сайт стал намного комфортнее: на нем понятный пользовательский путь, а часть вопросов и страхов пациентов закрываются уже на сайте — например, они могут познакомиться с лечащим врачом перед записью.

✔️ Сайт стал более лидогенерирующим. На нем появились понятные CTA и баннеры — например, «бесплатное обследование». А запись на приём теперь проходит в несколько кликов!

РЕЗУЛЬТАТ В ЦИФРАХ

➕ Скорость загрузки сайта выросла в 6 раз. А показатель скорости загрузки сайта — 99/100 баллов по Lighthouse (что более чем соответствует хорошей скорости загрузки в сфере Миллидент).

➕ Процент отказов снизился с 13% до 0,5%. Это очень мощный показатель! Учитывая, что средний показатель отказов для сайтов тематики «здоровье» — 52% (по данным сервиса маркетинговых исследований Semrush).

➕ Кроме того, сайт Миллидент был признан лучшим сайтом в сферах «Красота и здоровье» и «Семья и дети» в конкурсе Рейтинг Рунета 2025!

А вот так сам клиент говорит о новом сайте: «Клиника Миллидент очень довольна новым сайтом! Уже получили похвалу от пациентов и коллег по индустрии».