Обновлённый сайт первой коммерческой стоматологии Петербурга

Вероника — это сеть детских и взрослых стоматологических клиник. Сайт на момент начала нашей работы очень сильно устарел по технологиям и по визуалу.

Перед нами стоял целый пул задач:

• сохранить позиции сайта в поисковой выдаче

• полностью обновить всю визуальную часть

• сохранить преемственность в части цветов и фирменного стиля

• создать видимую монолитность детского и взрослого разделов сайта, учитывая их разную направленность

• разработать дизайн сайта, который будет отличать компанию от других стоматологий

Основная задача бизнеса: через сайт передать идею, что «Вероника» — это не просто стоматология, а семейная клиника, в которой лечатся и проходят профилактику по 3 и даже 4 поколения одной семьи.

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

Совместно с клиентом мы приняли решение задать высокий стандарт — быть визионерами в своих решениях на сайте. И по мере того, как в Интернете появляются проекты, которые заимствуют наши решения мы понимаем, что выбрали правильный путь! 

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

В итоговом файле с дизайном у нас получилось 116 экранов с адаптивами. Каждый экран проходил 4 стадии: прототипирование, предварительный дизайн, совместная презентация и обсуждение с рабочей группой (с представителями заказчика), финальные правки. Иногда последние 2 стадии мы повторяли до двух раз. 

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

Фронтэнд стал не менее трудоёмкой задачей. Придумать идеи — это половина дела. А реализовать их в великом многообразии операционных систем и браузеров — это ещё один вызов. 

Для некоторых блоков были продуманы совсем изощрённые требования: при скролле сверху страницы элементы появляются в одном порядке, при сролле снизу — в другом. Это создаёт эффект нативности интерфейса и незаметно, на уровне подсознания влияет на восприятие сайта посетителем. 

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

К админке сайта были предъявлены стандартные требования: по SEO, по скорости работы, по удобству заливки обновлений. 

Дружественная админка — наш конёк, мы сделали «защиту от дурака» и интуитивно-понятно подписали блоки редактирования. 

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

Мы интегрировали движок сайта с некоторыми внутренними API, с платёжной системой. 

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

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

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

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

Логически сайт разделён на взрослую и детскую часть, со старого сайта мы смигрировали все статьи, сохранили ссылочную структуру сайта. При этом обе части сайта связаны сквозными ссылками для быстрых переходов. Это нестандратный паттерн для 2025-го года, но мы решились на отважный шаг, запасшись парой идей для визуалов и анимаций. 

Сайт наполнен огромным количеством мелочей, мы даже сняли небольшой обзорный ролик, чтобы показать, отметить некоторые из фишек. 

Отдельно отметим, что мы успешно реализовали большие формы по возврату налогов (и там тоже продумали всё до мелочей) и удобно и доступно расположили на сайте правовую информацию.