Маркетинг, который работает на бизнес-цели
Напишите нам — обсудим задачи и предложим решение, основанное на стратегии и аналитике
Нажимая кнопку «Отправить» я соглашаюсь с Политикой конфиденциальности и Обработки персональных данных, а также на получение информационных и рекламных рассылок
Разработка сайта для стоматологии «Сириус»
digital-продвижение
Центр стоматологии «Сириус» — клиника, с которой мы уже сотрудничали в рамках маркетинговых задач. На определённом этапе стало очевидно, что действующему сайту необходим не просто визуальный апгрейд, а полноценное обновление.
Старая версия сайта уже не соответствовала уровню клиники: пользователю было сложно ориентироваться в большом объёме информации, визуальная система выглядела неоднородно, полноценное seo-продвижение настроить было затруднительно, мобильная версия не обеспечивала комфортного взаимодействия.
Старая версия сайта уже не соответствовала уровню клиники: пользователю было сложно ориентироваться в большом объёме информации, визуальная система выглядела неоднородно, полноценное seo-продвижение настроить было затруднительно, мобильная версия не обеспечивала комфортного взаимодействия.
Сайт «до»
Старый сайт решал базовую задачу присутствия клиники в интернете, но постепенно, с развитием новых направлений в клиники, оброс большим количеством информации и перестал быть удобным для пользователя.
Основные проблемы:
Перед нами стояла задача не просто «обновить дизайн», а выстроить понятную систему, которая одновременно будет удобна пациенту и соответствовать уровню медицинского бренда.
Основные проблемы:
- запутанная структура и сложная навигация
- устаревший визуальный стиль
- перегруженный промо-блок в мобильной версии — на одном экране размещалось слишком много кнопок
- отсутствие единой дизайн-системы: отличались размеры заголовков и текстов, а в отдельных блоках использовались разные шрифты
- преимущественное использование стандартных блоков Tilda, из-за чего страницы выглядели шаблонно
Перед нами стояла задача не просто «обновить дизайн», а выстроить понятную систему, которая одновременно будет удобна пациенту и соответствовать уровню медицинского бренда.
Анализ рынка, сбор референсов
Перед началом работы изучили сайты стоматологических клиник и медицинских центров: проанализировали их структуру, подачу услуг, визуальные решения и способы коммуникации с потенциальным пациентом.
Параллельно собрали референсы и сформировали визуальное направление будущего сайта.
Основная задача — найти баланс между медицинской строгостью и современным, технологичным визуальным языком. Сайт должен был восприниматься профессионально и вызывать доверие, но при этом не выглядеть типовым медицинским шаблоном.
Перед началом работы изучили сайты стоматологических клиник и медицинских центров: проанализировали их структуру, подачу услуг, визуальные решения и способы коммуникации с потенциальным пациентом.
Параллельно собрали референсы и сформировали визуальное направление будущего сайта.
Основная задача — найти баланс между медицинской строгостью и современным, технологичным визуальным языком. Сайт должен был восприниматься профессионально и вызывать доверие, но при этом не выглядеть типовым медицинским шаблоном.
Пересмотр структуры и работа с контентом
Исходная схема сайта была предоставлена клиентом. В процессе анализа мы обнаружили несколько моментов, которые могли усложнять путь пользователя, поэтому внесли необходимые корректировки в структуру.
Отдельно переработали контентную часть.
Подготовили тексты для сайта на основе анализа аудитории и специфики услуг, дополнив их релевантными запросами из семантического ядра.
В результате структура стала не только логичнее для пользователя, но и лучше подготовлена для дальнейшего поискового продвижения.
Исходная схема сайта была предоставлена клиентом. В процессе анализа мы обнаружили несколько моментов, которые могли усложнять путь пользователя, поэтому внесли необходимые корректировки в структуру.
Отдельно переработали контентную часть.
Подготовили тексты для сайта на основе анализа аудитории и специфики услуг, дополнив их релевантными запросами из семантического ядра.
В результате структура стала не только логичнее для пользователя, но и лучше подготовлена для дальнейшего поискового продвижения.
Дизайн
В основе визуальной концепции — глубокий синий оттенок и его градиент. Он занимает около 30% визуального пространства и создаёт ощущение профессионализма и надёжности.
Голубой используется точечно — примерно в 5% элементов: для акцентов в текстах, иконках и отдельных деталях интерфейса.
Для кнопок и ссылок выбрали благородный бежевый оттенок. Он добавляет тепла и помогает выделять интерактивные элементы.
В качестве основного шрифта использовали хорошо читаемый гротеск — он обеспечивает комфортное чтение большого количества информации.
Чтобы уйти от ощущения стандартного медицинского сайта, добавили объём с помощью градиентов и вырезанных 3D-элементов, связанных с тематикой стоматологии.
Голубой используется точечно — примерно в 5% элементов: для акцентов в текстах, иконках и отдельных деталях интерфейса.
Для кнопок и ссылок выбрали благородный бежевый оттенок. Он добавляет тепла и помогает выделять интерактивные элементы.
В качестве основного шрифта использовали хорошо читаемый гротеск — он обеспечивает комфортное чтение большого количества информации.
Чтобы уйти от ощущения стандартного медицинского сайта, добавили объём с помощью градиентов и вырезанных 3D-элементов, связанных с тематикой стоматологии.
Сайт реализован на Tilda
Стандартные блоки использовали там, где клиент регулярно обновляет контент: отзывы, блог, цены, акции. Это позволяет сотрудникам клиники самостоятельно редактировать актуальную информацию без привлечения разработчика.
При этом больше половины сайта создано с помощью Zero Block. Это позволило реализовать нестандартные композиции и решения.
Отдельно разработали кастомный слайдер с врачами клиники. Он собран на Zero Block и дополнен модификацией, поэтому выглядит и работает иначе, чем типовые слайдеры Tilda.
Отдельно разработали навигацию на странице с кейсами. Пользователь может выбрать интересующую его услугу и сразу увидеть проекты, связанные именно с этим направлением. Это помогает быстрее находить релевантный опыт клиники и делает большой объём кейсов более удобным для просмотра. Такая же навигация настроена на странице «вопрос-ответ».
В результате сайт сохранил удобство самостоятельного управления контентом, но при этом не выглядит как шаблонный проект на конструкторе.
При этом больше половины сайта создано с помощью Zero Block. Это позволило реализовать нестандартные композиции и решения.
Отдельно разработали кастомный слайдер с врачами клиники. Он собран на Zero Block и дополнен модификацией, поэтому выглядит и работает иначе, чем типовые слайдеры Tilda.
Отдельно разработали навигацию на странице с кейсами. Пользователь может выбрать интересующую его услугу и сразу увидеть проекты, связанные именно с этим направлением. Это помогает быстрее находить релевантный опыт клиники и делает большой объём кейсов более удобным для просмотра. Такая же навигация настроена на странице «вопрос-ответ».
В результате сайт сохранил удобство самостоятельного управления контентом, но при этом не выглядит как шаблонный проект на конструкторе.
Адаптации
Сайт корректно отображается на любом устройстве. Особое внимание уделили мобильной версии, так как более 90% клиентов клиники заходят на сайт со смартфонов.
Перестроили композицию блоков, размеры элементов, расположение информации и интерактивных элементов с учётом небольшого экрана.
Перестроили композицию блоков, размеры элементов, расположение информации и интерактивных элементов с учётом небольшого экрана.
Подготовка сайта к работе
После завершения дизайна и сборки на Tilda провели полный комплекс технических настроек, необходимых для запуска сайта:
В результате центр стоматологии «Сириус» получил новый сайт, который объединил продуманную структуру, современный визуальный стиль, удобное управление контентом и техническую основу для дальнейшего продвижения.
- подключили доменное имя
- настроили Яндекс Метрику
- провели SEO-оптимизацию
В результате центр стоматологии «Сириус» получил новый сайт, который объединил продуманную структуру, современный визуальный стиль, удобное управление контентом и техническую основу для дальнейшего продвижения.