Доработка детского стоматологического шаблона: 37 страниц за 50 дней
Доработка детского стоматологического шаблона на 37 страниц, два филиала, два языка — 16 шаблонов, 27 часов, более 470 пунктов SEO/CX согласованы за 50 дней.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Переделать сайт на новом стеке. Реализовать по спецификации. Без импровизаций. Передать готовым к переходу.
Клиент (конечный пользователь): Children’s Dentistry of Georgia — детская стоматологическая клиника в Chastain, GA, под руководством Dr. Todd Asarch
Формат сотрудничества: White-label доработка темы для маркетингового агентства из США
Сроки: ноябрь–декабрь 2025 · 50 дней · 27 часов · 37 URL · по графику
Подход к доработке темы
37 URL доработки детского стоматологического шаблона — главная, пять страниц услуг для Chastain, двуязычная версия на испанском и четыре вспомогательные страницы, свёрстанные по текстовому макету Figma, — реализованы на 16 шаблонах агентства за 27 часов. Агентству принадлежал макет Figma; наша задача заключалась в том, чтобы каждый повторно используемый шаблон страницы услуг был точен для каждого филиала и языковой версии, а также в подготовке текстового макета для вспомогательных страниц, которые существующий набор шаблонов не покрывал.
Краткий обзор
| Параметр | Значение |
|---|---|
| Отрасль конечного клиента | Здравоохранение — детская стоматология |
| Конечный клиент | Children’s Dentistry of Georgia (Chastain, GA) |
| Формат сотрудничества | White-label доработка темы для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса в сфере здравоохранения |
| Тип проекта | Доработка темы WordPress (фирменный шаблон агентства + постраничный дизайн Figma на Kinsta) |
| Объём | 37 URL — главная, страница услуг, 20+ страниц услуг (детская стоматология, профилактика, восстановление, седация, неотложная помощь, по районам), about, биография врача, контакты, блог (лента + пост), страницы оплаты и страховки, испаноязычная страница, юридические страницы |
| Сроки | 50 дней (10 ноя – 30 дек 2025), по графику |
| Трудоёмкость | 27 часов — разбиты на разработку шаблонов, итерации QA, правки и управление проектом |
| Команда | 4 специалиста |
| Шаблоны | 16 повторно используемых шаблонов, предоставленных агентством, применены на всех 37 страницах |
| Технологии | WordPress · Elementor · Kinsta · постраничный дизайн в Figma · Yoast SEO · Gravity Forms · Site Checker (плагин QA xaverPRO) |
| Подход к QA | 235 + 236 строк в журналах SEO и CX агентства; 78 пунктов в контрольном списке запуска |
| Ритм взаимодействия | 3 задачи от агентства · 2 из 3 закрыты к моменту передачи |
| Раунды проверки | ≈4 раунда проверки за 50 календарных дней |
| Трудоёмкость на задачу | 9 внутренних задач Redmine · медиана 28 мин / P75 4,2 ч на задачу |
| Контрольный список запуска | 78 пункта, согласован перед переключением |
Постановка задачи
Маркетинговое агентство из США передало нам макет Figma для Children’s Dentistry of Georgia и цель развёртывания на своей фирменной системе шаблонов под Kinsta. Агентство уже выполнило подготовительную работу: карта сайта с описанием контента по страницам, бренд-материалы, контакты и учётные записи, ссылки на социальные профили клиента. Наша задача заключалась в доработке шаблона страница за страницей в соответствии с Figma до согласования с агентством каждого раунда.
Клиника — детский стоматологический сайт одного врача: один доктор, без ортодонтического направления, но со структурой из нескольких филиалов, что необычно для компактного проекта. В карте сайта из Google Sheets указаны страницы для двух основных филиалов (Chastain и Kennesaw), трёх районных страниц услуг (Buckhead, Sandy Springs, North Buckhead) и испаноязычная страница. Все они используют один и тот же шаблон страницы услуг. При проекте на 27 часов риск — не визуальное расхождение, а языковой контент и адресные данные филиала, которые могут утечь между однотипными страницами шаблона.
Адрес Chastain или английский CTA, попавшие на испанскую страницу, — это скрытая ошибка, которую не выявит проверка точек адаптации. Агентство наняло нас, чтобы предотвратить это. Дополнительным ограничением стало то, что несколько вспомогательных страниц — способы оплаты, политика конфиденциальности, условия обслуживания — требовали макета, которого не было в существующем наборе шаблонов, а на вкладке Content в Google Sheets для большинства страниц были пустые строки с текстом, поэтому контент приходилось получать отдельно из редакционного процесса агентства, а не из единого документа.
Контекст рисков. Двадцать с лишним страниц, использующих один шаблон страницы услуг — для двух основных филиалов, трёх районных URL и испаноязычной версии, — превращают преимущество повторного использования шаблона в риск утечки. Адрес Chastain, попавший на страницу Kennesaw, или английский CTA на испанской странице — это скрытая ошибка: она проходит визуальную проверку, проходит проверку ссылок и обнаруживается только когда родитель или пациент читает неверный контент.
В компактном проекте на 27 часов дисциплина отслеживания того, какие элементы локальны для страницы, а какие глобальны для шаблона, на каждой из этих страниц — это то, что отделяет чистую сборку от проблем с точностью контента.
Как мы это сделали
1. Figma как контракт, шаблон как холст. Файл Figma был дизайн-спецификацией. Фирменный шаблон — базовой структурой страниц. Наша задача заключалась в постраничном согласовании двух: где стандартный макет шаблона совпадал с Figma, мы его оставляли; где Figma требовал отклонения — дорабатывали. Никаких дизайн-решений с нашей стороны. Для детского сайта, который должен выглядеть тёплым и вызывать доверие у родителей, это правило «без импровизаций» обеспечивало честность каждой страницы.
2. Несколько филиалов и языков на повторно используемом шаблоне. Шаблон страницы услуг был применён более чем на двадцати страницах — страницы филиала Chastain, страницы филиала Kennesaw, районные страницы и испаноязычная страница. Каждая требовала своего названия филиала, контекста услуги и языкового регистра. Отслеживание того, какие элементы локальны для страницы, а какие глобальны для шаблона, было основной работой в каждой итерации доработки.
Таблица Google Sheets агентства прямо указывала на необходимость дополнительного текстового шаблона для вспомогательных страниц (способы оплаты, политика конфиденциальности, услуги, условия), который мы подготовили, не затрагивая общие компоненты шаблона. Мы выбрали минимальный текстовый макет для этих страниц вместо адаптации шаблона страницы услуг, потому что навязывание многосекционного дизайна страницам без структурированного контента добавило бы ненужной сложности и увеличило риск визуальной несостыковки со стандартным поведением системы шаблонов при последующих сборках.
3. Цикл QA в масштабе доработки темы. Качественная доработка темы — это не «собрать один раз, проверить один раз». Это «собрать, проверить, поправить, проверить, поправить». Из 9 задач, отслеженных в этом проекте, 7 были названы итерациями QA — отдельные раунды, в которых агентство отмечало расхождения с дизайном, мы просматривали, исправляли и возвращали сборку на очередную проверку. Даже в компактном проекте на 27 часов плотность цикла была высокой: агентство отслеживало элементы в двух журналах задач (SEO и CX), которые мы прорабатывали параллельно с ритмом Redmine.
Принцип прост: в проекте по доработке темы ценность создаётся именно в цикле QA. Чем короче цикл QA — тем слабее соответствие дизайну, а не экономия времени.
4. Доработка без расхождения. Каждое изменение, которое мы вносили в фирменный шаблон — будь то макет страницы, компонент секции или токен стиля, — документировалось относительно Figma. Ни одна доработка не просочилась в общие компоненты шаблона, поэтому работа над этим проектом не ухудшила шаблон для следующего сайта, который будет его использовать.
5. Проверка на разных устройствах. Доработки проверялись в Chrome, Firefox, Safari и Edge на большом экране, планшете и мобильных устройствах — стандартный набор точек адаптации агентства. Каждый раунд QA охватывал страницы, затронутые расхождениями текущего раунда, а не весь сайт, — именно так доработка темы остаётся эффективной без потери покрытия.
Отслеживание того, какие элементы локальны для страницы, а какие глобальны для шаблона, на более чем двадцати страницах одного шаблона услуг — это дисциплина, которая обеспечила точность сборки. Агентство само это подтвердило: их рецензент обнаружил неверное имя врача в подвале страницы — именно так выглядит утечка контента через шаблон, она не видна до тех пор, пока кто-то не прочитает чужие данные на своей странице.
Контроль качества
QA на протяжении 7 итерационных раундов выявлял проблемы на уровне шаблона до каждого согласования с агентством — сборка проходила структурированный цикл проверки на каждом из 37 URL, и каждый раунд закрывался только после подтверждения агентством, что расхождение устранено. QA перед сдачей проводилось через Site Checker — см. наш подход к QA для категорий и шлюза нулевых ошибок. Собственный слой QA агентства — их инструменты, их процесс — запускался после передачи и фиксировал замечания в общую очередь задач для нашего цикла исправлений до их согласования.
Доработки оставались в переопределениях для конкретного клиента; общие компоненты шаблона агентства не изменялись.
Результаты
| Метрика | Результат |
|---|---|
| URL доставлено | 37 — 1 главная, 1 страница услуг, 20+ страниц услуг (детская стоматология по Chastain, Kennesaw и районам), 1 биография врача, 1 about, 1 контакты, 1 лента блога, 1 пост блога, 2 страницы оплаты/страховки, 1 испаноязычная страница, 3 юридические страницы |
| Применено шаблонов | 16 из 16 повторно используемых шаблонов созданы и сопоставлены на 37 страницах |
| Контрольный список запуска | 78 пункта |
| Отслежено строк QA / SEO / CX | 235 + 236 строк в двух журналах задач агентства |
| Итераций QA в Redmine | 7 из 9 задач (78%) отслежены на уровне итераций |
| Сроки | 50 дней, доставлено по графику |
| Трудоёмкость | 27 часов — без перерасхода, без расширения объёма |
| Команда | 4 специалиста |
| Передача хостинга | Работает в среде шаблонов Kinsta агентства, затем перенесён на рабочий домен клиента |
| Статус рабочего сайта | Сайт работает на childrensdentistryofga.com — подтверждён 200 OK на момент написания кейса |
Если коротко: Figma агентства был реализован на их фирменном шаблоне на 37 сопоставленных URL и 16 шаблонах за 50 календарных дней в рамках оценки в 27 часов.
Процесс
| Этап | Длительность | Результат |
|---|---|---|
| Бриф и оценка | ~3 дня | Figma просмотрен, доступ к шаблону подтверждён, объём согласован (10–13 ноя) |
| Разработка доработки | ~1 неделя | Постраничная доработка шаблона под Figma; созданы начальные страницы |
| Итерации QA (параллельно) | ~4 недели | 7 именованных раундов QA; каждый закрыт только после согласования с агентством |
| Раунды правок | ~2 недели | Коррекции после проверки, включая выравнивание слайдера логотипов и обновления страниц |
| Закрытие после релиза | ~1 неделя | Финальная сверка журнала, выставление счёта и оплата (30 дек) |
Разработка и QA выполнялись параллельно — это характерно для доработки темы, где «этап QA» не закрывается чисто; цикл идёт непрерывно до согласования с агентством.
Команда
Команда проекта
- Наталия Богатель — разработчик (доработка шаблона и исправление компонентов)
- Павел Сажин — итерации QA и раунды согласования
- Тимур Арбаев — поддержка разработчика на раундах доработки и правках QA
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с агентством, согласование)
Партнёрское агентство управляло проектом, владело дизайном, отвечало за контент и поддерживало отношения с конечным клиентом от начала до конца. Children’s Dentistry of Georgia никогда не взаимодействовала с нашей командой — сборка проходила через общий журнал задач агентства, и каждый раунд переходил к следующему только после согласования их рецензентом.
Агентствам с библиотекой шаблонов
На сайте сети детских стоматологических клиник повторное использование одного шаблона страницы услуг для нескольких филиалов и языковых версий несёт риск перепутывания контента. У этой практики — общий каркас с локальным наполнением; у других — каждая страница верстается отдельно. При неаккуратной сборке CTA-кнопка останется на языке оригинала, адрес филиала попадёт на страницу другого отделения, а контактные данные офиса окажутся на странице соседнего филиала.
Подрядчику стоит задавать не вопрос «сможете ли переиспользовать шаблон», а вопрос «как именно вы изолируете контент каждого филиала и языковой версии друг от друга».
Пришлите исходник шаблона или его ID и спецификацию бренда. Мы проверим, как контентный слой каждого филиала отделён от других в шаблоне, и без оплаты вернём фиксированную смету в часах.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
Site Checker запускается до того, как агентство что-либо видит.
Перед передачей каждый сборки в тестовой среде прогоняется через Site Checker — WordPress QA-плагин, который мы разработали и поддерживаем. Это шлюз с нулевой терпимостью к ошибкам: к агентству не уходит ничего с открытыми проблемами. Предупреждения рассматриваются и признаются некритическими; агентство получает чистый старт для своего слоя QA, а не тестовый сайт с известными проблемами в очереди.