Доработка 35-страничного шаблона для хирургической стоматологии за 63 дня
Доработка 35 страниц на 9 шаблонах для клиники хирургической стоматологии. 26 часов работы за 63 дня, 471 отслеженная проблема — все урегулированы до передачи.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Переделать сайт на новом стеке. Реализовать по спецификации. Без импровизаций. Передать готовым к переходу.
Клиент (конечный пользователь): Greenwich Oral & Maxillofacial Surgery — Greenwich, CT
Формат сотрудничества: White-label разработка для маркетингового агентства из США
Сроки: октябрь 2025 – январь 2026 · 63 дня · ~26 часов
Подход к доработке темы
Главная страница — по макету Figma, все остальные 34 страницы шаблонов с приведением цветовой гаммы. И затем — передача контент-команде. Бриф агентства для Greenwich Oral & Maxillofacial Surgery разделил работу на два явных уровня: одна страница строится строго по монохромному дизайну Figma (#000000 и #ffffff, текстуры удалены из базовой dental-template10), остальные 35 страниц сайта — с приведением цветовой гаммы и структурно готовы, чтобы контент-команда могла наполнять URL, не дожидаясь нас.
Краткий обзор
| Поле | Значение |
|---|---|
| Индустрия конечного клиента | Медицина — хирургическая стоматология |
| Конечный клиент | Greenwich Oral & Maxillofacial Surgery (Greenwich, CT) |
| Формат сотрудничества | White-label доработка темы WordPress для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип проекта | Доработка темы на Elementor на Kinsta — главная по макету Figma, все страницы шаблонов с приведением цветовой гаммы и наполнены |
| Объём | 35 URL — главная (по Figma), 14 страниц услуг, 7 страниц врачей, 2 контактных / referral, 1 лендинг услуг, 1 «О нас», 1 «Страховка», 1 «Политика конфиденциальности», 1 «Технологии», а также вспомогательные страницы шаблона по умолчанию |
| Сроки | 63 дня (28 окт 2025 – 16 янв 2026), выполнено в рамках основной доработки и раундов исправлений после запуска |
| Затраты | ~26 часов — основная доработка (12,5 ч) и итерации исправлений после запуска (~13,5 ч по учётным подзадачам) |
| Команда | 4 специалиста (ведущий разработчик · ведущий QA · разработчик поддержки · руководитель проекта) |
| Шаблоны | 9 переиспользуемых шаблонов — библиотека dental-template10 агентства, применённая к таксономии услуг хирургической стоматологии |
| Техстек | WordPress · Elementor · Kinsta · Figma (источник дизайна главной) · Site Checker (плагин QA от xaverPRO) |
| Сдано | 35 страниц доработаны и наполнены, контрольный список из 78 пунктов закрыт, 471 отслеженная проблема в очередях задач SEO + CX, раунды исправлений после запуска завершены |
| Каденс согласования | 3 задачи от агентства · 1 из 3 закрыта к моменту передачи |
| Раунды проверки | ≈5 раундов проверки за 63 календарных дня |
| Затраты на задачу | 20 внутренних задач Redmine · медиана 11 мин / P75 30 мин на задачу |
| Контрольный список запуска | 78 пункта, согласован до переключения |
Постановка задачи
Маркетинговое агентство из США, нанятое Greenwich Oral & Maxillofacial Surgery — группой челюстно-лицевой хирургии с одним офисом в Greenwich, CT — открыло нам доступ к своей системе dental-template10 на Kinsta и передало файл дизайна Figma для главной страницы. Среда разработки — собственный тестовый домен агентства на Kinsta; конструктор страниц — чистый Elementor, без ACF: все страницы услуг и врачей собраны напрямую в блочном редакторе.
Задача делилась на две части. Первая: собрать главную строго по макету Figma — монохромная цветовая схема (чёрный и белый с акцентами бренда клиники), липкий хедер, анимации при наведении. Вторая: перенести брендовые цвета и типографику из Figma на все существующие страницы шаблонов — услуги, врачи, контакты, направления — и заполнить каждую заглушками или актуальным контентом клиники там, где он был доступен.
После нашей сдачи наполнение URL переходило к контент-команде. Такое разделение — главная по Figma плюс цветовой проход по библиотеке шаблонов, контент потом — было сознательным решением по очерёдности работ: оно ограничивало фазу доработки и давало контент-команде возможность работать со страницами самостоятельно, как только структурная и визуальная основа встала на место.
Контекст рисков. Риск агентства при доработке шаблона — в их общей системе: изменение общих компонентов шаблона вместо переопределений на уровне клиента тихо расходится по всем остальным сайтам на том же шаблоне. Монохромный дизайн Greenwich — палитра, резко выбивавшаяся из тёплых тонов dental-template10 по умолчанию, — делала этот риск вполне осязаемым.
Цветовой проход должен был оставаться в клиентских переопределениях, а каждую текстуру или фоновое изображение из базового шаблона — убрать и заменить тёмно-серыми изображениями клиники. Доработка без расползания правок по общему слою — вот за что мы отвечаем.
Как мы это сделали
1. Figma как контракт, шаблон как холст. Figma агентства для главной определяла каждое структурное решение: раскладка hero-секции, порядок блоков, монохромная цветовая схема, типографика. Мы не принимали дизайн-решений от себя и не подставляли элементы агентства по умолчанию. Там, где Figma молчала — например, зазор липкого хедера над hero, — неоднозначность снималась в прямом чате с ведущим QA, решение документировалось до продолжения работы.
Система dental-template10 была холстом. Перед Figma-проходом мы восстановили главную из базового dental-template10: предыдущий контент клиента был вставлен напрямую в тестовую среду и повредил структуру шаблона. Чистая основа дала возможность воплощать макет системно, а не латать по ходу.
2. Проход по цветам и типографике по всем страницам шаблонов. Инструкция агентства была чёткой: нанести палитру бренда на все страницы шаблонов и открыть их на сайте, чтобы контент-команда могла начинать заполнять URL. Базовые текстуры dental-template10 противоречили монохромному направлению Greenwich — мы убрали их и заменили тёмно-серым hero-изображением с главной там, где нужны были декоративные фоны. Типографику привели к Figma на всех типах страниц.
3. Таксономия услуг хирургической стоматологии, корректно спроектированная. Структура услуг клиники отражает специфику челюстно-лицевой хирургии: зубные импланты (включая full-arch варианты), операции в полости рта, ортогнатическая хирургия и лечение ВНЧС, неотложные состояния, оральная патология и направления для врачей.
Четыре изменения URL и 19 редиректов в карте сайта агентства — перемещение устаревших коротких URL типа /wisdom-teeth/ во вложенные пути типа /oral-maxillofacial-surgery/wisdom-tooth-removal/ — были урегулированы с картой сайта до передачи. Раздел страниц врачей охватывал четырёх активных хирургов плюс статус Partner Emeritus для уходящего на пенсию хирурга, все страницы наполнены публично доступной биографической информацией клиники.
4. Цикл QA в масштабе доработки шаблона. Система AutoQA агентства с двойной очередью задач отслеживала 471 проблему: SEO-очередь (234 строки) и CX-очередь (235 строк). После сдачи серия адресных раундов исправлений закрыла проблемы вёрстки, добавление контактной формы и замену иконок — по запросам команды проверки агентства. Каждый раунд назначался, проходил QA и закрывался прежде, чем открывался следующий.
Контрольный список запуска из 78 пунктов закрыли до финальной передачи рабочего сайта контент-команде. Среди того, что вскрыли постсдаточные раунды, — остатки шаблона, мимо которых прошёл первый цветовой проход: ссылка в футере с заглушкой предыдущего клиента и элементы общих шаблонов, потребовавшие клиентских переопределений сверх палитры Figma.
Шаблон был повреждён контентом предыдущего клиента, вставленным напрямую в тестовую среду. Восстановление из базового dental-template10 стало предусловием для системной реализации Figma — без него пришлось бы латать на ходу. Как только чистая основа встала, монохромная палитра, замена текстур и структура URL ложились без конфликтов.
Результаты
| Метрика | Результат |
|---|---|
| Доработано страниц | 35 на 9 шаблонах (1 главная · 14 страниц услуг · 7 страниц врачей · 2 контакта / направления · 1 лендинг услуг · 1 «О нас» · 1 «Страховка» · 1 «Политика конфиденциальности» · 1 «Технологии» + страницы шаблона по умолчанию) |
| Применено шаблонов | 9 / 9 из библиотеки dental-template10 агентства |
| Изменения структуры URL | 4 изменения URL + 19 редиректов согласованы с картой сайта до передачи |
| Очередь задач SEO | 235 строк в очереди задач SEO агентства |
| Очередь задач CX | 236 строк в очереди задач CX агентства |
| Контрольный список запуска | 78 пункта согласованы |
| Сроки | 63 дня (основная доработка + итерации после запуска), сдано после согласования с агентством |
| Затраты | ~26 часов — основная доработка и раунды исправлений после запуска |
| Статус сайта | Работает на Kinsta, открывается по адресу https://www.greenwichoralsurgery.com/ — проверено в апреле 2026. |
Итог без прикрас: агентство получило 35-страничный сайт хирургической стоматологии с главной страницей по макету Figma, все страницы шаблонов с приведением цветовой гаммы и очищенные от текстур в соответствии с брендом клиники, страницы врачей и услуг наполнены — готово для контент-команды без ожидающих структурных исправлений.
Контроль качества
QA до передачи выявил пробой текстур из базового шаблона — настройки dental-template10 по умолчанию содержали бежевые фоновые текстуры, конфликтовавшие с монохромным брифом; каждая была удалена и, где требовался декоративный фон, заменена тёмно-серым hero-изображением по заметке QA (чат #1353, Тимур, 2025-11-04).
QA до передачи проводилось через Site Checker — см. наш подход к QA — по категориям и с принципом нулевых ошибок. Собственный слой QA агентства — их инструменты, их процесс — работал после передачи и фиксировал замечания в очередь задач для нашего цикла исправлений до окончательного согласования.
Все доработки остались в переопределениях для конкретного клиента; общие компоненты шаблона агентства не были изменены.
Процесс
| Этап | Длительность | Результат |
|---|---|---|
| Бриф и оценка | ~3 дня | Объём работ определён: Figma-главная + проход по цветам по шаблонам; оценка 12,5 ч согласована |
| Главная страница (Figma) | ~4 дня | Главная построена по макету Figma; липкий хедер, монохромная палитра, анимации при наведении |
| Проход по цветам и типографике шаблонов | ~3 дня (параллельно) | Все страницы шаблонов с приведением цветов; текстуры удалены; страницы врачей и услуг наполнены |
| Внутренний QA и проверка в тестовой среде | ~2 дня | Павел Сажин — первый проход QA; Тимур Арбаев — второй проход QA; исправления внесены |
| Передача тестовой среды + QA агентства | ~7 дней | Сайт передан агентству; открыт цикл AutoQA и ручной проверки |
| Раунды исправлений после запуска (3 цикла) | ~6 недель | Вёрстка, добавление формы, замена иконок — каждый в отдельном направлении с закрытием по QA |
| Финальное исправление + подпись | янв 2026 | Обновление био врача, финальное исправление вёрстки; согласование агентством |
QA и разработка шли параллельно — очередь задач агентства после передачи открылась, пока запросы на исправления после запуска всё ещё прорабатывались, поэтому календарный охват составил 63 дня, а не сумму отдельных этапов.
Команда
Команда проекта
- Наталия Богатель — ведущий разработчик, реализация Figma и проход по цветам по шаблонам
- Тимур Арбаев — ведущий QA и разработчик поддержки на этапах QA и исправлений
- Павел Сажин — разработчик поддержки и QA, первичный обзор шаблонов
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с агентством, согласование)
Проектное управление со стороны агентства и коммуникация с клиентом оставались на партнёрском агентстве на всём протяжении. Наша команда была невидима для конечного клиента.
Агентствам с библиотекой шаблонов
Сборка на готовом шаблоне для хирургической стоматологии несёт скрытый риск: доработки, которые вы внесёте под протоколы клиента, могут сломаться при первом обновлении темы. У этой практики — многоэтапные протоколы имплантации и несколько редакторов; у других — плоские услуги без подкатегорий. Если шаблон не адаптировать, вы обнаружите, что навигация по услугам перестанет работать, поля ACF для этапов операции пропадут из редактора, а фирменная цветовая схема не применится к архивным страницам.
Поэтому подрядчику стоит задавать не вопрос «соберёте ли сайт на этом шаблоне?», а вопрос «как именно вы изолируете доработки от обновлений родительской темы?»
Пришлите исходник шаблона или его ID и спецификацию бренда. Мы проверим, где дочерняя тема уязвима для апдейтов, и укажем, какие редакторские блоки сломаются при следующем обновлении. Вернём фиксированную смету в часах. Бесплатно, без обязательств с любой стороны.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
Site Checker запускается до того, как агентство что-либо видит.
Перед передачей каждый сборки в тестовой среде прогоняется через Site Checker — WordPress QA-плагин, который мы разработали и поддерживаем. Это шлюз с нулевой терпимостью к ошибкам: к агентству не уходит ничего с открытыми проблемами. Предупреждения рассматриваются и признаются некритическими; агентство получает чистый старт для своего слоя QA, а не тестовый сайт с известными проблемами в очереди.