Доработка темы для ортодонтической клиники — 22 страницы
Доработка темы для ортодонтической клиники — 22 URL, 8 шаблонов, 102 задачи QA закрыты за 58 ч. Figma агентства, поставка по графику.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Переделать сайт на новом стеке. Реализовать по спецификации. Без импровизаций. Передать готовым к переходу.
Клиент (конечный пользователь): McCullum Orthodontics — Dr. Heather McCullum, Jeffersonville, IN
Формат сотрудничества: White-label доработка темы для маркетингового агентства из США
Сроки: февраль 2026 · 295 дней · 58 часов · 22 URL закартированы, все собраны на тестовую среду · по графику
Подход к доработке темы
22 страницы новой ортодонтической клиники, собранные из Figma агентства поверх их стоматологического шаблона — без предшествующего сайта, без существующего списка URL, только Figma как отправная точка для QA. Агентство передало дизайн-спецификацию; мы выполнили постраничную доработку темы, восемь шаблонов наложены на таксономию услуг, охватывающую пути пациентов-подростков и взрослых. Дисциплина заключалась в точном соответствии Figma без отступления от общих компонентов шаблона.
Шаблонная доработка даёт скорость и единообразие — но только при дисциплине. Команда, которая вольно трактует Figma, пропускает этапы QA или отходит от дизайн-системы шаблона, — хуже, чем разработка с нуля.
Краткий обзор
| Поле | Значение |
|---|---|
| Индустрия клиента | Медицина — Ортодонтия |
| Конечный клиент | McCullum Orthodontics (Dr. Heather McCullum, Jeffersonville, IN) |
| Формат сотрудничества | White-label доработка темы для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип проекта | Доработка темы WordPress (брендированный шаблон агентства + постраничный дизайн Figma на WP Engine) |
| Объём работ | 22 URL — главная, о нас, биография врача, лендинг услуг, 8 страниц услуг, лендинг финансирования + 2 подстраницы, контакты, блог, thank-you, 404, юридические страницы |
| Сроки | 295 дней (13 мая 2025 – 2 фев 2026), по графику |
| Трудозатраты | 58 часов — разработка, итерации QA и управление проектом |
| Команда | 4 специалиста |
| Шаблоны | 10 переиспользуемых шаблонов в библиотеке агентства, 8 применены на 22 страницах |
| Технический стек | WordPress · Elementor · WP Engine · постраничный дизайн в Figma · Gravity Forms · Site Checker (xaverPRO плагин QA) |
| Подход к QA | 102 отслеженных пункта сверены в очереди задач агентства (50 SEO + 52 CX) с контрольным списком запуска из 30 пунктов |
| Ритм работ | 49 задач от агентства · все закрыты к передаче (119-дневный активный период, 2025-06-02 – 2025-09-28) |
| Раунды проверки | ≈15 раундов проверки за 295 календарных дней |
| Трудозатраты по задачам | 23 внутренних задачи Redmine · медиана 50 мин / P75 2,3 ч на задачу |
| Контрольный список запуска | 30 пунктов, согласованы до переключения |
Постановка задачи
Маркетинговое агентство из США передало нам дизайн Figma для McCullum Orthodontics — ортодонтической клиники в Jeffersonville, IN, предлагающей брекеты, прозрачные элайнеры, раннее вмешательство, ретейнеры и отбеливание зубов — и цель развёртывания на их брендированной шаблонной системе на WP Engine.
У клиники не было существующего сайта; это была полностью новая разработка. Агентство уже выполнило подготовительную работу: аудит дизайна, утверждение клиентом, настройка хостинга, контент-план. Им нужна была команда разработки, которая точно наложила бы Figma на шаблон, через столько итераций доработки, сколько потребует дизайн.
Задача была чисто исполнительская. Figma — единственный источник истины. Доработать шаблон страница за страницей, точка адаптации за точкой адаптации. Все находки QA выносить в общее пространство задач; не закрывать без согласования агентства.
Контекст рисков. Ортодонтическая клиника, запускающая первый сайт, не имеет живого якоря для регрессионной проверки — единственная точка отсчёта для QA — файл Figma. Риск, который хеджировало агентство, тоньше, чем при сломанной миграции: на новом сайте каждое умолчание шаблона, которое Figma явно не переопределила, становится первым впечатлением пациента.
Ортодонтия охватывает две принципиально разные психологии пациента — раннее вмешательство у подростков (нёбные расширители, пространственные держатели) и элективное выравнивание у взрослых (прозрачные элайнеры, отбеливание). Шаблон, изначально сделанный для общей стоматологии, это разделение не учитывает автоматически. Дисциплина проекта состояла в том, чтобы удержать таксономию услуг последовательной в рамках структуры шаблона — пока команда контента агентства наполняла сайт после передачи.
Как мы это сделали
1. Figma как контракт, шаблон как холст. Файл Figma был дизайн-спецификацией. Брендированный шаблон — базовой структурой страниц. Нашей задачей было согласовать их страница за страницей — где макет шаблона по умолчанию совпадал с Figma, мы его оставляли; где Figma требовала отклонения, мы дорабатывали. Никакие дизайн-решения не исходили от нас.
2. Цикл QA в масштабе доработки темы. Качественная доработка темы — это не «собрал один раз, проверил один раз». Это «собрал, QA, поправил, QA, поправил». За время проекта мы отследили 15+ итераций QA в Redmine и сверили 102 пункта в общей очереди задач агентства — отдельные раунды, где агентство отмечало расхождения с дизайном, отсутствующие изображения и неточности контента, мы проверяли, исправляли и возвращали сборку на новую проверку.
Такой объём — не признак нестабильности; это то, что отделяет сайт на шаблоне, выглядящий «примерно правильно», от сайта, который точно соответствует дизайну. 295-дневный календарь складывался из ритма проверки и утверждения на стороне агентства между раундами, а не из объёма разработки — эффективное время сборки составило около 58 часов, но каждый пакет на QA ждал внутреннего цикла агентства, прежде чем следующая итерация могла закрыться.
Принцип прост: при сборке на шаблоне ценность создаётся в цикле QA. Чем короче цикл QA — тем слабее соответствие дизайну, а не быстрее сдача.
3. Доработка без расползания. Каждое изменение, которое мы вносили в брендированный шаблон — будь то макет страницы, компонент секции или токен стиля — документировалось относительно референса из Figma. Ни одна доработка не «протекла» в общие компоненты шаблона, то есть работа над этим проектом не ухудшила шаблон для следующего сайта, который будет его использовать.
4. Проверка на разных устройствах. Доработки проверялись на Chrome, Firefox, Safari и Edge на большом экране, планшете и мобильных форматах экрана. Каждый раунд QA покрывал страницы, затронутые расхождениями с дизайном данного раунда, а не весь сайт — именно так сборка на шаблоне остаётся эффективной без потери покрытия.
Мы использовали шаблонную систему агентства как основу, а не строили страницы с нуля: это гарантировало единообразие дизайна в рамках таксономии услуг клиники — ортодонтия охватывает и подростковые, и взрослые типы пациентов — и при этом каждая правка должна была остаться в клиентских переопределениях, чтобы не загрязнять библиотеку шаблонов для следующих проектов.
Figma не была статичным документом. Цвета обновились в середине проекта после утверждения клиентом (задача #835), баннер и прототип главной пересматривались в январе 2026 — всё в рамках той же оценки. Именно то, что каждую правку мы воспринимали как новую итерацию, а не как расширение объёма, и позволило 295-дневному проекту двигаться без пересогласования часов.
Контроль качества
На новой ортодонтической сборке без предшествующего списка URL QA перед передачей выявило две отслеживаемые находки: правило слеша в конце URL, применённое к каждой внутренней ссылке на всех 22 страницах, и инверсию типографики на главной — шрифты заголовка и подзаголовка были перепутаны относительно всех остальных страниц сборки — выявленные в финальном закрытии QA из двух пунктов перед согласованием.
QA перед передачей проводилось через Site Checker — см. наш подход к QA по категориям и принципу нулевых ошибок. Собственный слой QA агентства — их инструменты, их процесс — выполнялся после передачи и фиксировал замечания в общую очередь задач для нашего цикла исправлений до их согласования.
Доработки остались в переопределениях для конкретного клиента; общие компоненты шаблона агентства не были изменены.
Результаты
| Метрика | Результат |
|---|---|
| URL сдано | 22 — главная, о нас, биография врача, лендинг услуг, 8 страниц услуг, лендинг финансирования + 2 подстраницы, контакты, блог, thank-you, 404, юридические страницы |
| Шаблонов применено | 8 из 10 переиспользуемых шаблонов построено и наложено на 22 страницы |
| Контрольный список запуска | 30 пунктов согласованы |
| QA / задачи отслежены и решены | 102 пункта сверены в очереди задач агентства (50 SEO + 52 CX) |
| Итерации QA в Redmine | 15+ из 23 задач отслежены на уровне итераций |
| Сроки | 295 дней, сдано по графику |
| Трудозатраты | 58 часов при оценке 58 часов — без перерасхода, без расширения объёма |
| Команда | 4 специалиста |
| Передача хостинга | Сдано на тестовую среду WP Engine агентства; переключение собственного домена управлялось агентством |
| Состояние страниц при передаче | 22 / 22 тестовые URL предоставлены и возвращают HTTP 200 |
Результат, если просто: Figma агентства реализована поверх их брендированного шаблона на 22 страницах и 8 шаблонах, за 295 календарных дней, в рамках оценки в 58 часов.
Процесс
| Этап | Длительность | Результат |
|---|---|---|
| Бриф и оценка | ~2 дня | Figma рассмотрена, доступ к шаблону подтверждён, объём согласован |
| Разработка доработок | ~2 недели | Постраничная доработка темы для соответствия Figma |
| Итерации QA (параллельно) | ~38 недель | 15+ раундов QA зафиксировано; каждый закрыт только после согласования агентством |
| Раунды исправлений | ~2 недели | Коррекции после проверки, обновления баннера и прототипа |
| Доставка | финальный день | Сайт на тестовой среде WP Engine, готов к наполнению контентом агентством и переключению DNS |
Разработка и QA шли параллельно — это характерно для работы по доработке темы, где ни одна «фаза QA» не закрывается чисто; цикл идёт непрерывно до согласования агентством.
Команда
Команда проекта
- Павел Сажин — итерации QA и исправления
- Тимур Арбаев — итерации QA и поддержка разработчика
- Наталия Богатель — ведущий разработчик (доработка темы и наложение Figma на макеты)
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с агентством, согласование)
Управление проектом, дизайн и коммуникация с клиентом оставались на стороне агентства-партнёра на всём протяжении. Наша команда была невидима для конечного клиента. Запросы на доработку приходили через общую очередь задач агентства; ничего о сборке не было видно конечному клиенту. Каждый раунд закрывался только после согласования проверяющего со стороны агентства.
Агентствам с библиотекой шаблонов
На ортодонтическом сайте на шаблоне умолчания темы вступают раньше макета. У этой практики — подростковое вмешательство и взрослое выравнивание; у других — стоматология без разрыва психологии пациента. Если границу переопределений не выстроить, макет разойдётся для одного сегмента, таксономия смешает пути пациентов, редакторский опыт ломается на первой правке.
Подрядчику стоит задавать не вопрос «сможете ли настроить тему?», а вопрос «как именно разведёте две аудитории в таксономии шаблона?»
Пришлите исходник шаблона или спецификацию бренда. Мы проверим таксономию услуг на конфликт с умолчаниями темы и вернём фиксированную смету в часах.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
Site Checker запускается до того, как агентство что-либо видит.
Перед передачей каждый сборки в тестовой среде прогоняется через Site Checker — WordPress QA-плагин, который мы разработали и поддерживаем. Это шлюз с нулевой терпимостью к ошибкам: к агентству не уходит ничего с открытыми проблемами. Предупреждения рассматриваются и признаются некритическими; агентство получает чистый старт для своего слоя QA, а не тестовый сайт с известными проблемами в очереди.