Доработка темы для оптометрии: 53 страницы за 108 дней
53-страничная доработка темы для оптометрии — 53 URL, 264 блога импортировано, 9 шаблонов, 160+ задач QA закрыто за 119 ч. Макеты Figma от агентства, без срывов сроков.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Переделать сайт на новом стеке. Реализовать по спецификации. Без импровизаций. Передать готовым к переходу.
Клиент (конечный пользователь): Vision Source Mandan — оптометрическая клиника в Mandan, Северная Дакота
Формат сотрудничества: White-label доработка темы для маркетингового агентства из США
Сроки: сентябрь 2025 · 108 дней · 119 часов · 53 URL (плюс 264 блога импортировано) · без срывов сроков
Подход к доработке темы
53 страницы оптометрической клиники, доработанные под макеты агентства в Figma на их стоматологическом шаблоне WP Engine, плюс 264 блога импортировано под шаблоном записи и 300 редиректов загружено через CSV — всё сдано за 108 дней. Миграция блога была обязательством по сохранности URL: 404 на /blog/nearsighted-farsighted/ был обнаружен и закрыт до того, как сборка покинула наши руки. Доработка и миграция шли параллельно в одном шестираундовом цикле QA.
Шаблонная доработка даёт скорость и единообразие — но только если работать строго. Команда, которая вольно трактует Figma, пропускает этапы QA или отходит от дизайн-системы шаблона, — хуже, чем разработка с нуля.
Краткий обзор
| Параметр | Значение |
|---|---|
| Отрасль конечного клиента | Офтальмология / оптометрия (частная практика) |
| Конечный клиент | Vision Source Mandan (Mandan, Северная Дакота) |
| Формат сотрудничества | White-label доработка темы для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип проекта | Доработка темы WordPress (фирменный шаблон агентства + постраничные макеты Figma на WP Engine) |
| Объём | 53 URL — 1 главная, 1 страница услуг, 9 страниц услуг, 8 страниц «О нас» / врачей, 1 контакты, 1 страница блога, плюс 264 блога импортировано под тем же шаблоном |
| Сроки | 108 дней (16 мая – 2 сентября 2025), без срывов |
| Затраты | 119 часов — 96 ч разработка · 10 ч итерации QA · 10 ч PM · 4 ч правки после проверки |
| Команда | 5 специалистов |
| Шаблоны | 9 переиспользуемых шаблонов (Главная, О нас, Страница врача, Контакты, Страница услуги, Каталог услуг, Блог, Запись блога, Стандартный шаблон) — все применены к 53 доработанным страницам |
| Технологии | WordPress · Elementor · WP Engine · постраничный дизайн в Figma · рабочее пространство QA агентства · Site Checker (плагин QA от xaverPRO) |
| Подход к QA | 160+ отслеженных SEO + CX проблем согласовано в очереди задач агентства (112 SEO + 48 CX) по 29-пунктному контрольному списку запуска |
| Динамика сотрудничества | 109 задач от агентства · все закрыты к сдаче (53 дня активной фазы, 2025-06-22 – 2025-08-13) |
| Раунды проверки | ≈6 раундов проверки за 108 календарных дней |
| Затраты на задачу | 14 внутренних задач Redmine · медиана 30 мин / P75 10 ч на задачу |
| Контрольный список запуска | 29 пунктов, согласовано перед переключением |
Постановка задачи
Маркетинговое агентство из США передало нам макет Figma для Vision Source Mandan и цель развёртывания на своей фирменной системе шаблонов WP Engine. Агентство уже выполнило предшествующую работу: аудит дизайна, согласование с клиентом, настройку хостинга и постраничный контент-план, привязанный к существующему сайту, который нужно было перенести целиком.
Что им требовалось — команда разработчиков, которая точно перенесёт Figma на шаблон, а затем переместит каждую запись блога и каждую унаследованную страницу без потери URL-структуры, на которую полагались пациенты клиники в поиске информации об уходе за зрением.
Задача была чисто исполнительская, с миграционной составляющей. Figma — единственный источник истины. Доработать шаблон под неё страница за страницей, точка адаптации за точкой адаптации, с сохранением навигационных конвенций оптометрии: категории услуг по зрению сгруппированы по стандартной таксономии вертикали, отдельные биографии врачей на ссылаемых подстраницах, корректно выведены онлайн-оплата и формы для пациентов. И перенести блог — 264 записи — под шаблоном записи, не потеряв ни одной записи.
Агентство страховалось от двух сценариев сразу: подрядчик, который вольно трактует Figma вместо точного соответствия, и — с учётом миграции блога — тот, кто относится к числу записей как к галочке, а не как к обязательству за каждый URL.
Оптометрическая клиника зависит от локального поиска для привлечения пациентов; любой слаг, который незаметно меняется при миграции — поломка, которая не проявляется в CMS, но теряет URL, добавленный пациентом в закладки. Проверка контента и SEO-аспектов в нашем QA-проходе перед сдачей была тем рубежом в тестовой среде, который выявил эти проблемы до сдачи.
Контекст рисков. Оптометрическая клиника зависит от локального поиска для привлечения пациентов, а это означает, что 264 блога, перенесённые в эту сборку, были не задачей по миграции контента — это было обязательством по сохранности URL. Слаг, который незаметно меняется при миграции, не вызывает ошибки в CMS и не заметен на основном сайте; он проявляется только как потерянный сигнал ранжирования или сломанная закладка.
Агентство страховалось от двух сценариев: подрядчик, который вольно трактует Figma вместо точного соответствия, и тот, кто относится к числу записей как к галочке, а не несёт ответственности за каждый URL.
Как мы это сделали
1. Figma как контракт, шаблон как холст. Файл Figma был спецификацией дизайна. Фирменный шаблон — базовой структурой страниц. Наша задача была согласовать их страница за страницей — там, где стандартная раскладка шаблона совпадала с Figma, мы её оставляли; где Figma требовала отклонения (раскладки плиток услуг по уходу за зрением, карточки врачей, блоки контента об оправах и линзах), мы дорабатывали. Никаких дизайн-решений с нашей стороны не принималось.
2. Цикл QA в масштабе доработки темы. Чистая доработка темы — это не «собрали раз, проверили раз». Это «собрали, QA, поправили, QA, поправили». Агентство отслеживало 160 отдельных проблем в двух вкладках очереди задач общего рабочего пространства — 112 SEO-находок и 48 CX-находок — каждая из которых была назначена, обработана, при необходимости снабжена скриншотом и закрыта только после подтверждения агентства. Такой объём — не признак нестабильности; именно это отличает сайт на шаблоне, выглядящий «примерно правильно», от сайта, соответствующего дизайну.
Коротко: на шаблоне ценность даёт именно цикл QA. Кто срезает циклы ради скорости — теряет точность, а не время.
3. Доработка без отклонений. Каждое изменение, которое мы вносили в фирменный шаблон — будь то раскладка страницы, компонент секции или стилевой токен — документировалось относительно референса Figma. Страницы категорий услуг по уходу за зрением, профильные карточки врачей, виджеты онлайн-оплаты и раскладки форм для пациентов дорабатывались в рамках конкретной страницы, а не в общем шаблоне. Работа над этим проектом не ухудшила шаблон для следующего сайта, который он будет обслуживать.
4. Проверка на разных устройствах. Доработки проверялись в Chrome, Firefox, Safari и Edge на компьютере, планшете и мобильных устройствах — стандартный набор точек адаптации агентства. Каждый раунд QA покрывал страницы, затронутые дизайн-расхождением этого раунда, плюс выборку импортированных записей блога для подтверждения, что шаблон записи корректен на всех типах экранов.
Миграция блога и доработка по Figma шли как параллельные направления QA — 264 записи для проверки по URL, 53 страницы для проверки соответствия дизайну. Мы чётко разделили эти два направления: миграция блога закрывалась через импорт CSV с 300 редиректами и постраничный проход, что не давало ей смешиваться с циклом QA по дизайну. Каждое направление учитывалось отдельно; ни одно не поглощало другое.
Контроль качества
Нагрузка QA на этом проекте была обусловлена миграцией блога: потребовалось импортировать 300 редиректов для сохранения целостности слагов, 404 на /blog/nearsighted-farsighted/ был выявлен и отмечен во внутреннем QA-проходе, а артефакты кодировки (символы hash) были обнаружены в метаданных импортированных записей — все три проблемы решены до того, как сборка покинула наши руки.
QA перед сдачей проходило через Site Checker — см. наш подход к QA по категориям и порогу нулевых ошибок. Собственный QA-контур агентства работал после сдачи и фиксировал замечания в общую очередь задач для нашего цикла правок до их согласования.
Доработки оставались в переопределениях конкретного клиента; общие компоненты шаблона агентства не изменялись.
Результаты
| Метрика | Результат |
|---|---|
| URL сдано | 53 доработанные страницы — 1 главная, 1 страница услуг, 9 страниц услуг, 8 страниц «О нас» / врачей, 1 контакты, 1 страница блога и 32 вспомогательные страницы на стандартном шаблоне |
| Блогов импортировано | 264 записи перенесены под импортированным шаблоном блога (сохранность URL — без заявления об SEO-ценности) |
| Шаблонов применено | 9 переиспользуемых шаблонов из каталога агентства, распределённых по 53 страницам и шаблону записи |
| Контрольный список запуска | 29 пунктов согласовано по направлениям «Дизайн», «Функциональность», «Предмиграция» и «Постмиграция» |
| QA / SEO проблем отслежено и решено | 160 позиций согласовано по двум вкладкам очереди задач агентства (112 SEO + 48 CX, 154 закрыто к сдаче) |
| Сроки | 108 дней, сдано без срывов |
| Затраты | 119 часов при оценке в 119 часов — без перерасхода, без расползания объёма |
| Команда | 5 специалистов |
| Хостинг | Запущено в шаблонной среде WP Engine агентства |
| Состояние страницы при сдаче | URL рабочего сайта возвращает HTTP 200 при независимой проверке (данное окружение, 2026-04-24) |
Если коротко: макеты Figma агентства были реализованы на их фирменном шаблоне на 53 страницах и 9 шаблонах, с 264 записями блога, импортированными под шаблоном записи, за 108 календарных дней, в рамках оценки в 119 часов.
Процесс
| Этап | Длительность | Результат |
|---|---|---|
| Бриф и оценка | ~1 неделя | Figma проанализирована, доступ к шаблону подтверждён, объём карты сайта и миграции 264 блогов определён |
| Доработка | ~6 недель | Постраничная доработка шаблона под Figma; импорт блога и привязка шаблона |
| Итерации QA (параллельно) | ~6 недель | 160 проблем по очередям задач SEO и CX выявлено, обработано, согласовано |
| Раунды правок | ~1 неделя | Поздние правки клиента — страница акций, замена изображений, уточнения текста |
| Сдача | день запуска | Сайт запущен на WP Engine; подпись готовности от агентства |
Разработка и QA шли параллельно — это характерно для работы по доработке темы, где «фаза QA» не закрывается чисто; цикл работает непрерывно до согласования агентством.
Команда
Команда проекта
- Никита Тумашевич — ведущий разработчик (доработка шаблона и приведение макетов Figma к раскладке)
- Павел Сажин — итерации QA и правки
- Анна Полунина — координация и подготовка контента со стороны миграции
- Лиза — выборочные проверки QA со стороны управления
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с аккаунт-менеджером агентства, согласование)
Партнёрское агентство сохраняло полное владение управлением проектом, дизайн-решениями и отношениями с конечным клиентом на всём протяжении. Конечный клиент нас не видел: каждый запрос и подпись проходили через общую очередь задач агентства, и ни один раунд не помечался закрытым, пока проверяющий со стороны агентства не подтверждал это.
Агентствам с библиотекой шаблонов
Вы боитесь, что после доработки шаблона клиентские правки разъедутся с библиотекой, и при первом обновлении от поставщика шаблона всё посыплется. Опасное место здесь — граница между общим слоем шаблона и переопределениями на стороне клиента. У этой клиники — насыщенный блог, который держит локальную выдачу; у других — статичный набор услуг, который проверяют по одним макетам. Контент блога, перенесённый со старого сайта, незаметно меняет собственные слаги и роняет страницы из индекса. Клиентские переопределения ломаются при первом же обновлении шаблона от поставщика. А редакторы клиента находят пропавшие блоки за слоем кода — и заводят на агентство запросы в поддержку.
Подрядчику стоит задавать не «соберёте ли вы шаблоны?», а «как вы защитите клиентские правки, когда поставщик обновит шаблон?»
Пришлите исходник или ID шаблона и спецификацию бренда. Мы сверим спецификацию шаблона с правками вашего клиента и подсветим переопределения, которые сломаются при следующем обновлении. Вернём фиксированную смету в часах. Бесплатно, со сметой в часах.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
Site Checker запускается до того, как агентство что-либо видит.
Перед передачей каждый сборки в тестовой среде прогоняется через Site Checker — WordPress QA-плагин, который мы разработали и поддерживаем. Это шлюз с нулевой терпимостью к ошибкам: к агентству не уходит ничего с открытыми проблемами. Предупреждения рассматриваются и признаются некритическими; агентство получает чистый старт для своего слоя QA, а не тестовый сайт с известными проблемами в очереди.