Редизайн сайта стоматологии — многостраничный, из Adobe XD в Elementor Pro
Многостраничный редизайн сайта стоматологии — из Adobe XD в Elementor Pro, ~15 страниц, 16 закрытых задач, 60 часов за 124 дня вовлечённости.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Редизайн нескольких страниц по макетам Figma от агентства. Сначала черновик; финальная проверка принципалом; запуск только после согласования.
Клиент (конечный пользователь): Club K Dental — стоматологическая клиника, Missouri
Формат сотрудничества: White-label разработка для маркетингового агентства из США
Сроки: апрель – август 2025 · ~60 часов · 16 задач · в срок, без перерасхода
Подход к редизайну
Редизайн стоматологической клиники, который начинался как одна задача на главную страницу — два файла Adobe XD, один для главной, второй для дополнительных страниц, — и вырос до пятнадцати страниц и двенадцати последующих задач за четыре месяца. Дополнения поступали по одному: галерея результатов, тексты страниц услуг из папки Google Drive, обновления H1 и мета-тегов из вкладки таблицы. Дисциплина заключалась в том, чтобы рассматривать все шестнадцать задач как единый непрерывный проект, а не как последовательность разрозненных запросов.
Краткий обзор
| Поле | Значение |
|---|---|
| Отрасль конечного клиента | Медицина — общая стоматология |
| Конечный клиент | 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, и сохранять единообразие по мере расширения объёма дополнениями после запуска. Задача была краткой: соответствовать дизайну на каждой странице, оставаться вне контура коммуникации с конечным клиентом и рассматривать каждый новый запрос как часть того же проекта, а не как отдельную задачу.
Контекст рисков. Редизайн, который начинается как задача на одну страницу и незаметно вбирает в себя полный объём работ по всему сайту, несёт специфический риск: не в том, что какая-то одна страница не удастся, а в том, что пятнадцатая страница отклонится от дизайн-языка первой.
Когда агентство заказывает «главную страницу», а задача превращается в многостраничное обновление дизайна, разработчик, рассматривающий каждую новую страницу как отдельную задачу, рискует получить разнобой в отступах, типографике и размещении CTA по всему сайту. Защита от этого — дисциплина ведения проекта: та же команда, тот же референсный файл, та же контрольная точка проверки для каждой задачи, будь то главная страница или добавление контента по профилактической стоматологии три месяца спустя.
Как мы это сделали
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, соответствие инструментальной среде, сначала черновик. Масштаб различается; методология — нет.