Редизайн сайта стоматологии — многостраничный, из Adobe XD в Elementor Pro
Многостраничный редизайн сайта стоматологии — из Adobe XD в Elementor Pro, ~15 страниц, 16 закрытых задач, 60 часов за 124 дня вовлечённости.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Редизайн нескольких страниц по макетам Figma от агентства. Сначала черновик; финальная проверка принципалом; запуск только после согласования.
Клиент (конечный пользователь): Club K Dental — стоматологическая клиника, Missouri
Формат сотрудничества: White-label разработка для маркетингового агентства из США
Сроки: апрель – август 2025 · ~60 часов · 16 задач · в срок, без перерасхода
Подход к редизайну
Редизайн стоматологической клиники, который начинался как одна задача на главную страницу — 2 файла Adobe XD, 1 для главной, второй для дополнительных страниц, — и вырос до 15 страниц и 12 последующих задач за 4 месяца. Дополнения поступали по одному: галерея результатов, тексты страниц услуг из папки Google Drive, обновления H1 и мета-тегов из вкладки таблицы. Мы вели все 16 задач как один непрерывный проект, а не как набор разрозненных запросов.
Краткий обзор
| Поле | Значение |
|---|---|
| Отрасль конечного клиента | Медицина — общая стоматология |
| Конечный клиент | Club K Dental (стоматологическая клиника, Missouri) |
| Формат сотрудничества | White-label редизайн сайта стоматологии для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип проекта | Многостраничный редизайн из Adobe XD в Elementor Pro |
| Объём | ~15+ страниц — главная, о нас, блог, контакты, страница врача, финансирование, лендинг услуг, отдельные страницы услуг, ваш первый визит, стоматологические технологии, новый пациент, галерея результатов, ресурсы для пациентов, а также последующие добавления контента |
| Сроки | Основная разработка: ~25 дней (1–26 апреля 2025); полный проект с дополнениями: ~124 дня (апрель – август 2025) |
| Затраты | ~60 часов — разработка, QA и добавления контента после запуска по 16 задачам |
| Команда | 3 специалиста (ведущий разработчик + QA + руководитель проекта) |
| Передача дизайна | Макеты Adobe XD (собственность агентства; URL не раскрыты — интеллектуальная собственность агентства) |
| Стек технологий | WordPress · Elementor Pro · WP Engine · Site Checker (плагин QA от xaverPRO) |
| Режим разработки | В соответствии с дизайном — каждая страница строилась по референсу Adobe XD; контент на страницу предоставлялся агентством |
| Сдано | Полный редизайн сайта стоматологической клиники, запущен на clubkdental.com — главная, страницы услуг, галерея результатов и постоянные правки клиента по 16 задачам |
| Раунды проверки | ≈9 раундов проверки за 25 календарных дней |
| Трудозатраты на задачу | 16 внутренних задач Redmine · медиана 1,1 ч / P75 4 ч на задачу |
Постановка задачи
Маркетинговое агентство из США, ведущее стоматологического клиента в Missouri, нуждалось в редизайне существующего сайта на WordPress в соответствии с новым брифом Adobe XD. Бриф охватывал главную страницу и полный набор вспомогательных страниц: о нас с биографией врача, лендинг блога, контакты, страницу финансирования, лендинг стоматологических услуг с отдельными подстраницами, страницу первого визита, страницу стоматологических технологий, страницу нового пациента и раздел ресурсов для пациентов. Агентство также планировало галерею результатов с фотографиями «до и после» лечения.
Тестовая среда уже была развёрнута на WP Engine. Наша задача — построить каждую страницу в Elementor Pro по утверждённым макетам Adobe XD, интегрировать контент, предоставленный агентством через Google Docs, и сохранять единообразие по мере расширения объёма дополнениями после запуска. Задача была краткой: соответствовать дизайну на каждой странице, оставаться вне контура коммуникации с конечным клиентом и рассматривать каждый новый запрос как часть того же проекта, а не как отдельную задачу.
Контекст рисков. Редизайн, который начинается как задача на одну страницу и незаметно вбирает в себя полный объём работ по всему сайту, несёт специфический риск: не в том, что какая-то 1 страница не удастся, а в том, что пятнадцатая страница отклонится от дизайн-языка первой.
Когда агентство заказывает «главную страницу», а задача превращается в многостраничное обновление дизайна, разработчик, рассматривающий каждую новую страницу как отдельную задачу, рискует получить разнобой в отступах, типографике и размещении CTA по всему сайту. Защищает 1: вести проект как единое целое — та же команда, тот же исходный файл, одна и та же проверка на каждой задаче, будь то главная страница или добавление контента по профилактической стоматологии 3 месяца спустя.
Как мы это сделали
1. Из Adobe XD в Elementor Pro, страница за страницей. Главная и каждая вспомогательная страница были построены в Elementor Pro по утверждённым макетам Adobe XD. Наталия Богатель вела основную разработку, последовательно работая над главной, страницей о нас, лендингом услуг, контактами и страницей финансирования.
Никита Тумашевич занимался дополнительными страницами — отдельными страницами услуг, галереей результатов с фотографиями «до и после» и добавлениями контента после запуска из папок Google Drive агентства. Поскольку Elementor Pro уже был установлен на тестовом сайте WP Engine, разработка вписалась в существующую инфраструктуру без внедрения новых зависимостей.
2. Интеграция контента по документам агентства. Агентство предоставляло контент для страниц в Google Docs и Google Sheets — по одному документу на тип страницы, с текстами, заголовками и структурой CTA. Текст переносили в нужные блоки Elementor по дизайну.
Больше всего внимания потребовали отдельные страницы услуг — каждая несла свой процедурный текст (удаление амальгамы, озонотерапия, CEREC-коронки за один день, цельнокерамические импланты, чистка без фтора), который нужно было единообразно отформатировать в рамках одного шаблона страницы услуги. Агентство предоставило контент не сразу — тексты отдельных страниц услуг поступали в разных документах и загрузках папок через последовательные задачи Redmine, что потребовало нескольких проходов интеграции, а не однократного внесения.
3. Добавления контента после запуска в рамках того же проекта. После сдачи основной главной и вспомогательных страниц в конце апреля агентство продолжало запрашивать дополнения: недостающие блоки контента, галерею результатов с десятью фотографиями «до и после», контент страниц услуг из общей папки, обновления H1 и мета-описаний из вкладки Google Sheets, правки клиента и корректировки sitemap XML.
Вместо открытия нового проекта каждый запрос отслеживался как последующая задача в том же проекте Redmine — 12 дополнительных задач сверх изначальных четырёх, — что обеспечивало перенос контекста того же разработчика и QA.
4. Раунды QA перед каждой передачей. Внутреннее QA проводил Павел Сажин по каждой задаче перед её переходом в статус «Sent, awaiting response». Охват проверки расширялся по мере роста сайта: ранние задачи фокусировались на соответствии главной страницы Adobe XD, тогда как поздние проверяли, что новый контент страниц услуг соответствует существующему шаблону, галерея результатов корректно отображается на разных устройствах и изменения sitemap XML не ломают рабочий индекс.
16 задач за 124 дня, каждая проходившая через одну и ту же контрольную точку проверки: «На тест», затем проверка Павел, затем «Проверено, на отправку» перед передачей агентству. Именно этот порядок сохранил пятнадцатую страницу в едином стиле с первой: тот же референсный файл, тот же объём проверки, будь то разработка главной в апреле или добавление контента по профилактической стоматологии в августе.
Контроль качества
На этой тестовой сборке QA проводилось по каждой задаче перед её переходом в «Sent, awaiting response» — две основные задачи (#444 главная, #445 дополнительные страницы) прошли через явную контрольную точку проверки QA, причём структура URL и маршрутизация постоянных ссылок для подстраниц /dental-services/ были проверены по карте сайта агентства до закрытия этих задач 26 апреля.
QA перед передачей проводилось через Site Checker — см. наш подход к QA с описанием категорий и принципа нулевых ошибок. Собственный QA агентства проводился после передачи и фиксировал замечания в очередь задач для нашего цикла исправлений до окончательного согласования.
Результаты
| Метрика | Результат |
|---|---|
| Редизайн сайта | Выполнен — Adobe XD применён в Elementor Pro на главной и всех вспомогательных страницах |
| Режим разработки | В соответствии с дизайном — ни одного визуального решения за пределами брифа; отклонения согласовывались с агентством до реализации |
| Сдано страниц | ~15+ страниц — главная, о нас, блог, контакты, страница врача, финансирование, лендинг услуг, отдельные страницы услуг, первый визит, стоматологические технологии, новый пациент, галерея результатов, ресурсы для пациентов, а также последующие дополнения |
| Дополнения после запуска | Галерея результатов с фотографиями «до и после», контент страниц услуг из папок агентства, обновления H1/тайтлов/мета, правки клиента, корректировки sitemap XML |
| Раунды QA | Внутреннее QA Павел Сажин по каждой задаче перед передачей |
| Сроки | Основная разработка: ~25 дней (1–26 апреля 2025); полный проект: ~124 дня (апрель – август 2025) |
| Затраты | ~60 часов — распределены между реализацией дизайна, интеграцией контента, QA и дополнениями после запуска |
| Команда | 3 специалиста — без отдельного аналитика, без дизайн-лида (на стороне агентства), без SEO-лида (миграции не было) |
| Статус сайта, проверено 2025-06 | clubkdental.com работает, возвращает HTTP 200 |
Результат кратко: бриф Adobe XD агентства был применён ко всем типам страниц стоматологического сайта, галерея результатов построена и наполнена, все добавления контента после запуска интегрированы, сайт работает и отвечает по подтверждённому URL.
Процесс
| Этап | Длительность | Результат |
|---|---|---|
| Бриф и оценка | ~3 дня | Adobe XD изучен, состав страниц подтверждён, Elementor Pro и WP Engine тестовая среда проверены |
| Основная разработка | ~3 недели | Главная и все вспомогательные страницы построены по Adobe XD; постраничный контент внесён по документам агентства |
| Внутреннее QA и передача | ~1 неделя | QA-проход Павел Сажин по всем основным страницам; задачи зафиксированы и решены до передачи агентству |
| Дополнения после запуска | ~3 месяца | Галерея результатов, контент страниц услуг, обновления мета, правки клиента, корректировки sitemap — отслеживались как последующие задачи в рамках того же проекта |
Этапы перекрываются — дополнения после запуска начались, пока основное QA ещё закрывалось, и проект вёлся как единый непрерывный процесс, а не дискретная передача с перезапуском. Календарь в 124 дня отражает полный период от открытия первой задачи до закрытия последней.
Команда
Команда проекта
- Наталия Богатель — ведущий разработчик (главная и основные страницы, разработка в Elementor Pro, добавления контента после запуска)
- Никита Тумашевич — дополнительные страницы и контент услуг (отдельные страницы услуг, галерея результатов, контент из папок агентства)
- Павел Сажин — QA и координация проекта (внутренние QA-раунды по каждой задаче, коммуникация с агентством, отслеживание задач)
- Антон Херсун, xaverPRO — руководитель проекта (оценка, согласование с агентством, координация по 16 задачам)
Управление проектом со стороны агентства, дизайн и коммуникация с клиентом оставались за партнёрским агентством на всём протяжении. Наша команда была невидима для конечного клиента. Все дизайн-решения принимались агентством; наша роль — точность воспроизведения дизайна на каждой странице и единообразная обработка каждого последующего дополнения.
Агентствам, заказывающим редизайн WordPress
Редизайн сайта стоматологической практики несёт риск не на главной странице — он накапливается к пятнадцатой. У этой практики — премиальная эстетическая стоматология; у других — сетевая DSO-практика со страховыми отчётами. Риски тихие: дизайн-язык главной не доходит до карточки имплантологии, типографика раздела профилактики расходится с визуалом хирургии, CTA-блоки на страницах услуг живут без общего каскада правок.
Поэтому подрядчику стоит задавать не вопрос «сделаете ли редизайн главной страницы», а вопрос «как именно вы удержите визуальный порядок на всём сайте — от профилактики до ортодонтии».
Пришлите макеты или текущий перечень URL. Мы сверим новый визуал с текущей информационной архитектурой, отметим страницы, где дизайн-язык рискует сломаться на контенте, и вернём фиксированную смету в часах.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
черновик страницы
Этот кейс — многостраничный. Та же методология применима к одностраничному редизайну.
Редизайн главной страницы и многостраничный редизайн используют одну и ту же базовую методологию — Figma-led, соответствие инструментальной среде, сначала черновик. Масштаб различается; методология — нет.