Особенность бизнеса: разная динамика развития направлений. Сайт должен гибко подстраиваться под рост ключевых услуг и оставаться удобным для пользователей.
У компании уже был основной сайт на WordPress, однако на нем была представлена лишь часть направлений. Параллельно существовало много отдельных лендингов на Tilda под разные услуги, созданных в разное время и без единого стиля. Это усложняло администрирование, мешало выстраивать цельную структуру и приводило к расфокусировке рекламного трафика.
Использование конструктора Elementor дало быстрый старт, но ограничивало реализацию: часть блоков нельзя было собрать стандартными инструментами, что требовало частичного отказа от стандартных инструментов и ручного написания кода.
Проект выполнялся в формате услуги «Депозит-50», что позволило перерабатывать сайт поэтапно и последовательно закрывать как визуальные, так и технические задачи.
Чтобы не ограничиваться точечными правками, а выстроить работающую систему, приняли следующий подход:
Сначала определить единую информационную архитектуру на WordPress: как связаны между собой услуги, разделы и новые направления, и какие страницы должны стать опорными.
Работать по приоритетам для бизнеса: в первую очередь запустить раздел «Пересадка волос», затем переработать главную и футер, после этого обновить «Обучение» и разработать страницу «Косметология».
Комбинировать стандартный функционал Elementor с дополнительной кастомизацией через код там, где типовые виджеты не позволяют реализовать нужный дизайн или логику, сохраняя при этом единую структуру.
На первом этапе сфокусировались на запуске нового направления «Пересадка волос» и одновременной переработке футера. Так как запуск требовался в сжатые сроки, мы приняли решение создать страницу без предварительного дизайн-макета. Основной упор сделали на скорость и функциональность: важно было оперативно вывести новый раздел в онлайн.
страница направления ранее не была представлена на сайте, ee нужно было создать с нуля;
базовая стилистика сайта выглядела устаревшей, сохранить еe «как есть» было нельзя;
запуск раздела был критичен для дальнейшего продвижения, поэтому важны были и скорость, и качество визуала.
собрали структуру страницы сразу в конструкторе, принимая решения по сетке и композиции непосредственно в процессе разработки;
отказались от изначальной стилистики сайта, упростили перегруженные элементы и ввели более лаконичные блоки;
проработали логику контента: описание услуги, ключевые аргументы, блоки доверия, чтобы страницу можно было сразу продвигать;
там, где стандартных модулей Elementor не хватало, использовали кастомную верстку для сохранения единого стиля и корректной работы.
Страница "Пересадка волос"
Параллельно решили задачу с футером:
проанализировали текущий нижний блок: в нем были неактуальные услуги, много свободного пространства, мало полезных ссылок;
пересобрали содержимое: добавили актуальные направления, контакты и ключевые ссылки, сгруппировали их по смыслу;
сделали футер более «плотным» и функциональным, чтобы он работал как дополнительная точка навигации.
Футер до переработки
Футер после переработки
В результате первого этапа на сайте появился полноценный раздел «Пересадка волос» в обновленной стилистике, а футер стал рабочей зоной навигации с актуальной информацией, что заложило основу для следующих шагов по обновлению проекта.
После запуска направления по пересадке волос следующим ключевым шагом стала работа над главной страницей. Именно она должна была стать центром структуры и отражать обновлeнную логику сайта, поэтому задача выходила далеко за рамки визуального улучшения.
Страница выглядела перегруженной и несвязанной: блоки располагались хаотично и не формировали общую логику.
Важные элементы (преимущества клиники, ключевые направления) были слабо выделены, из-за чего не выполняли свою функцию.
Часть информации дублировалась, поэтому пользователь тратил больше времени на поиск нужного.
Визуально главная страница не выглядела цельной: отличающиеся стили, разная подача блоков, неодинаковая верстка.
Разработали новую структуру страницы с четкими логическими блоками, без перегруженности и лишних элементов.
Ввели карточную сетку услуг, благодаря которой направления считываются быстро и визуально аккуратно.
Переработали акценты: блоки с преимуществами и ключевыми фактами стали более заметными и легко воспринимаемыми.
Убрали повторяющийся контент и упростили пользовательский путь. Теперь структура стала более логичной, а перейти к нужным страницам можно гораздо проще.
Выровняли весь визуальный стиль под обновленную подачу сайта: шрифты, размеры, отступы, сетка, визуальные акценты.
Главная страница до
Главная страница после
Главная страница получила четкую структуру и визуальные "опоры": направления сгруппированы, лишние элементы убраны, акценты расставлены правильно. Пользователь без усилий понимает, где он находится и какие услуги доступны.
Раздел «Обучение» был одним из самых проблемных: он выглядел разрозненно, перегружал пользователя текстом и не объяснял, какие программы вообще доступны. Информация подавалась «сплошняком», без визуальных акцентов, из-за чего раздел не отражал экспертность клиники и затруднял выбор нужного курса.
Мы полностью пересобрали структуру раздела и сделали его понятным. В новой версии информация сгруппирована по двум ключевым направлениям: обучение перманентному макияжу и обучение пересадке волос. Для каждой программы выделены отдельные блоки с понятной логикой подачи информации: описание курса, преимущества, формат, длительность, стоимость, ключевые факты. Страница стала визуально легче и профессиональнее, а основные данные быстрее считываются.
Раздел "Обучение" до
Раздел "Обучение" после
Отдельно разработали подраздел «Обучение пересадке волос». Эта страница создавалась с нуля - мы отказались от перегруженной подачи и сделали акцент на структурных блоках, актуальных цифрах и удобной навигации. Благодаря этому программа воспринимается как самостоятельное и важное направление клиники, а пользователю проще понять пользу и содержание обучения.
Страница подраздела по обучению
В старой версии сайта полного раздела «Косметология» не было, но существовали разрозненные лендинги, из-за чего часть информации терялась. Клиенту нужен был чистый и аккуратный раздел, который показывает услуги, вызывает доверие и органично вписывается в обновленную стилистику сайта.
Мы разработали страницу, ориентируясь на визуальные практики эстетической медицины: много воздуха, ровные сетки, спокойные акценты и аккуратный визуал. Важно было сохранить баланс: раздел должен выглядеть профессионально, но не «перетягивать» внимание от ключевых коммерческих направлений клиники.
Основные этапы:
Создали структуру: короткое вводное, направления, преимущества, объясняющие доверие к клинике, и контактный сегмент. Блоки расположены в логичной последовательности, чтобы пользователь постепенно погружался в услугу. При необходимости можно добавить новые блоки, не ломая логику страницы.
Проработали визуал: светлая композиция, гармоничные отступы, минимум декоративных элементов. Интегрировали страницу в общую стилистику сайта, чтобы весь сайт воспринимался как единая система. Такой подход усиливает ощущение чистоты и профессионализма (ключевых факторов для косметологических услуг).
Добавили галерею c визуальной иллюстрацией услуг. Каждый блок считывается отдельно, изображения не «спорят» друг с другом и поддерживают общее впечатление качества.
Страница "Косметология"
Работа над проектом позволила сформировать цельное цифровое присутствие GRUSHKA. Tеперь все услуги клиники объединены в одном ресурсе с понятной структурой и удобным пользовательским маршрутом. Клиент получил полноценную систему, готовую к расширению и активному использованию в продвижении.
Какие выгоды получил клиент после приобретения депозита?
Единая точка входа для всех услуг: вместо набора отдельных страниц и лендингов теперь существует один ресурс, который последовательно ведёт пользователя от знакомства с клиникой до выбора услуги.
Улучшенное восприятие бренда: визуальная и смысловая цельность сайта формирует доверие и укрепляет экспертный образ клиники, снижает когнитивную нагрузку.
Рост эффективности рекламы: корректно выстроенная структура, отсутствие дублей и единая навигация позволяют направлять трафик на нужные страницы и повышают количество и качество(!) конверсий.
Готовность к масштабированию: новые направления и страницы можно добавлять без перестройки архитектуры - база уже заложена и выдержит дальнейшее развитие проекта.
Удобство администрирования: теперь управлять сайтом, обновлять контент и поддерживать страницы можно из одной системы.
