Доработка темы для оптометрии: 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 — это то, где создаётся ценность. Более короткий цикл 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 и правки
- Анна Полунина — координация и подготовка контента со стороны миграции
- Liza — выборочные проверки QA со стороны управления
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с агентством, согласование)
Партнёрское агентство сохраняло полное владение управлением проектом, дизайн-решениями и отношениями с конечным клиентом на всём протяжении. Сборка была невидима для Vision Source Mandan — каждый запрос и подпись проходили через общую очередь задач агентства, и ни один раунд не помечался закрытым, пока проверяющий со стороны агентства не подтверждал это.
Агентствам с библиотекой шаблонов
На сайте оптометрической сети сборка на готовом шаблоне незаметно меняет природу работы — из дизайн-задачи она превращается в операцию по сохранению URL и схемы. У этой клиники — типовые страницы с ценами; у других — десятки врачей с собственным контентом и историей ранжирования. Если подрядчик не фиксирует слаг и разметку до генерации, проблемы разъезжаются молча: слаг блога переписывается без предупреждения, структурированная разметка врача не доезжает в карточку, расширенные сниппеты пропадают из аудита. Агентство замечает потерю по упавшим позициям, а клиент уже задал вопрос.
Подрядчику стоит задавать не общий вопрос «сделаете ли по шаблону?», а конкретный: «как именно вы зафиксируете URL-план и структурированную разметку до того, как шаблон начнёт переписывать страницы?»
Пришлите исходник шаблона, спецификацию бренда или ссылку на текущий сайт. Мы выборочно сверим сгенерированные шаблоном страницы с вашим URL-инвентарем, подсветим расхождения в схеме и вернём фиксированную смету в часах. Аудит ничего не стоит — смета приходит в часах, не в диапазоне.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
Site Checker запускается до того, как агентство что-либо видит.
Перед передачей каждый сборки в тестовой среде прогоняется через Site Checker — WordPress QA-плагин, который мы разработали и поддерживаем. Это шлюз с нулевой терпимостью к ошибкам: к агентству не уходит ничего с открытыми проблемами. Предупреждения рассматриваются и признаются некритическими; агентство получает чистый старт для своего слоя QA, а не тестовый сайт с известными проблемами в очереди.