Доработка темы для стоматологии — 21 страница за 38 дней
Доработка стоматологической темы по Figma: 21 страница, 6 шаблонов, 38 дней, 43 часа трудозатрат. Ребрендинг поглощён в процессе сборки — без переделки шаблонного слоя.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Переделать сайт на новом стеке. Реализовать по спецификации. Без импровизаций. Передать готовым к переходу.
Клиент (конечный пользователь): Coastal Cosmetic & Family Dentistry — стоматологическая практика в Pensacola, Florida
Формат сотрудничества: White-label доработка темы для маркетингового агентства из США
Сроки: февраль 2025 · 38 дней · 43 часа · 21 URL · в срок
Подход к доработке темы
21 страница доработки стоматологической темы по Figma агентства — 6 шаблонов применены для практики в Pensacola, которая активно меняла бренд в процессе сборки. Новое название практики, новый логотип, новые цвета бренда и поздно поступившее Hero-изображение: каждая замена брендового элемента произошла в середине сборки, по той же Figma, не затронув общую структуру шаблона.
Краткий обзор
| Поле | Значение |
|---|---|
| Отрасль конечного клиента | Стоматология — общая практика |
| Конечный клиент | Coastal Cosmetic & Family Dentistry (Pensacola, Florida) |
| Формат сотрудничества | White-label доработка темы для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип проекта | Доработка WordPress-шаблона (фирменный шаблон агентства + дизайн по Figma для каждой страницы, на WP Engine) |
| Объём работ | 21 URL — главная, лендинг услуг, 7 страниц услуг, о враче, наша команда, галерея улыбок, новым пациентам, отзывы, контакты, запись на приём и вспомогательные страницы |
| Сроки | 38 дней (17 янв. – 26 февр. 2025), в срок |
| Трудозатраты | 43 часа — разработка, QA-итерации и управление проектом |
| Команда | 7 специалистов |
| Шаблоны | 6 переиспользуемых шаблонов, предоставленных агентством, применены по всем 21 странице |
| Технологический стек | WordPress · Elementor · WP Engine · дизайн по Figma для каждой страницы · Site Checker (QA-плагин xaverPRO) |
| Подход к QA | 20 отслеживаемых задач разобраны в очереди задач агентства по 48-пунктному контрольному списку запуска |
| Ритм взаимодействия | 20 задач, поставленных агентством · все закрыты к сдаче (активный период 14 дней: 04.04.2025 – 17.04.2025) |
| Раунды проверки | ≈5 раундов за 38 календарных дней |
| Трудозатраты на задачу | 23 внутренних задачи Redmine · медиана 10 мин / P75 30 мин на задачу |
| Контрольный список запуска | 48 пунктов, согласованы до переключения |
Постановка задачи
Маркетинговое агентство из США передало нам дизайн в Figma для Coastal Cosmetic & Family Dentistry и площадку для развёртывания — свою фирменную шаблонную систему на WP Engine. Агентство уже сделало всё на своей стороне: согласовало требования с клиентом, провело аудит дизайна, настроило хостинг, подготовило контент. Нужна была команда разработки, которая точно перенесёт Figma на шаблон и будет держать QA-цикл открытым столько, сколько нужно процессу проверки агентства.
В задачу была вписана дополнительная неопределённость: практика меняла бренд прямо в процессе работы. Название, состав врачей, логотип и цвета — всё изменилось, пока доработка темы уже шла. Агентство хотело избежать ситуации, когда подрядчик жёстко зашьёт старый бренд в структуру шаблона, а потом выставит счёт за переделку.
При шаблонной сборке ребрендинг — это не поверхностная замена текста: он задевает каждую страницу с названием практики, каждую биографию врача, каждое размещение логотипа, каждый цветовой токен, привязанный к дизайн-системе шаблона. Нужна была дисциплина: брендовые элементы заменяются, не дестабилизируя шаблонный слой. Ради этого агентство и нанимало нас — и именно это проверяла очередь из 20 задач на проекте.
Контекст рисков. Когда доработка темы идёт параллельно с активным ребрендингом — новое название практики, новый состав врачей, новый логотип, новые цветовые токены — типичный сценарий отказа: команда жёстко зашивает старый бренд в структуру шаблона, а затем выставляет счёт за обратную переделку. Агентство нанимало разработку, способную поглотить эволюцию бренда на лету: брендовые элементы заменяются без дестабилизации шаблонного слоя под ними, и ни одна итерация не оплачивается дважды.
Как мы это сделали
1. Figma как контракт, шаблон как холст. Файл Figma был спецификацией дизайна. Фирменный шаблон — базовой структурой страниц. Наша задача — согласовать их страница за страницей: где стандартная раскладка шаблона совпадала с Figma, мы её оставляли; где Figma требовала отклонения, мы дорабатывали. Никакие дизайн-решения не исходили от нас. Каждое расхождение мы обрабатывали индивидуально, а не перестраивали шаблон целиком под Figma, — потому что сохранение общей шаблонной структуры агентства позволяло поглотить ребрендинг без дестабилизации компонентов на будущих сайтах.
2. Дисциплина ребрендинга при доработке темы. В середине работы изменилось название практики, уточнился состав врачей, поступили новые брендовые активы (логотип, цвета, фотографии сотрудников) — партиями. Каждое изменение вносилось по Figma, а не как внеплановая правка. Когда Hero-изображение главной, слоган и фото врачей поступили с опозданием, они были встроены в существующую доработку без изменения общих компонентов шаблона. Сборка поглотила ребрендинг, а не была перестроена из-за него.
3. QA-цикл в масштабе доработки темы. Качественная доработка темы — это не «собрал один раз, проверил один раз». Это «собрал, проверил, поправил, проверил, поправил». Из 23 задач, отслеженных на этом проекте, 14 были QA- или исправление-итерациями — отдельными раундами, где агентство отмечало расхождения с дизайном или обновления контента, мы просматривали, исправляли и возвращали сборку на новую проверку.
Для 21-страничного проекта с активным ребрендингом это нормальный объём итераций. Именно такая дисциплина отделяет шаблонный сайт, который выглядит «примерно так», от сайта, который точно совпадает с дизайном.
Принцип прост: при шаблонной сборке ценность создаётся именно в QA-цикле. Более короткий QA-цикл означает не более быструю сдачу, а более слабое соответствие дизайну.
4. Доработка без отклонений. Каждое изменение фирменного шаблона — будь то раскладка страницы, компонент секции или стилевой токен — документировалось относительно Figma. Ни одна доработка не «протекла» в общие компоненты шаблона, то есть работа над этим проектом не ухудшила шаблон для следующего сайта.
5. Проверка на разных устройствах. Доработки проверялись в Chrome, Firefox, Safari и Edge на компьютере, планшете и мобильных экранах — стандартный набор точек адаптации агентства. Каждый QA-раунд покрывал страницы, затронутые расхождениями этого раунда, а не весь сайт — это позволяет шаблонной сборке оставаться эффективной, не теряя покрытия.
Название практики, состав врачей, логотип и Hero-изображение — всё изменилось, пока сборка была на тестовой среде. Каждую замену мы встроили по Figma, не трогая общие компоненты шаблона: расположение Dr. Yee было перестроено, слоган обновлён до «Brighter Smiles, Beachside Comfort», брендовые токены применены повторно. Структура шаблона устояла.
Контроль качества
QA перед сдачей на этом проекте выловила лишний пробел в URL телефонной ссылки и удалила сторонние копирайт-футеры, встроенные в шаблон, — проход визуального сравнения и проверка ссылок затем проверили все 21 страницу перед отправкой агентству. QA перед сдачей выполнялась через Site Checker — см. описание нашего подхода к QA. Собственный QA-слой агентства — их инструменты, их процесс — работал после передачи и фиксировал замечания в общую очередь задач для нашего цикла исправлений до согласования.
Доработки остались в переопределениях для конкретного клиента; общие компоненты шаблона агентства не были изменены.
Результаты
| Метрика | Результат |
|---|---|
| URL сдано | 21 — 1 главная, 1 лендинг услуг, 7 страниц услуг, 1 о враче, 1 наша команда, 1 галерея улыбок, 1 новым пациентам, 1 отзывы, 1 контакты, 1 запись на приём и 5 вспомогательных страниц |
| Шаблонов применено | 6 из 6 переиспользуемых шаблонов разработаны и сопоставлены по 21 странице (главная, О нас, страница врача, страница услуги, блог, стандартный шаблон) |
| Контрольный список запуска | 48 пунктов согласовано |
| QA / SEO задач отслежено и закрыто | 20 задач разобраны на вкладке очереди задач агентства |
| QA-итераций в Redmine | 14 из 23 задач отслежены на уровне итераций |
| Сроки | 38 дней, сдано в срок |
| Трудозатраты | 43 часа — без перерасхода, без расширения объёма |
| Команда | 7 специалистов |
| Хостинг | Запущено на шаблонном окружении WP Engine агентства |
Если переформулировать результат прямо: Figma агентства была реализована на их фирменном шаблоне — 21 страница, 6 шаблонов, 38 календарных дней, в рамках 43-часовой оценки — включая ребрендинг в середине сборки, который доработка поглотила без переделки.
Процесс
| Этап | Длительность | Результат |
|---|---|---|
| Бриф и оценка | ~2 дня | Figma изучена, доступ к шаблону подтверждён, объём согласован |
| Разработка доработки | ~3 недели | Постраничная доработка шаблона под Figma |
| QA-итерации (параллельно) | ~2 недели | 14 раундов QA и правок; каждый закрыт только после согласования с агентством |
| Интеграция брендовых активов | ~1 неделя | Логотип, цвета, фото врачей и биографии сотрудников встроены в рабочую сборку |
| Сдача | финальный день | Сайт запущен на WP Engine |
Разработка и QA шли параллельно — это характерно для доработки темы, где «этап QA» не закрывается раз и навсегда; цикл работает непрерывно до согласования с агентством.
Команда
Команда проекта
- Никита Тумашевич — ведущий разработчик (доработка темы и сопоставление Figma с раскладкой)
- Павел Сажин — управление проектом и QA-итерации
- Анна Полунина — QA-итерации и правки контента/раскладки
- Евгений Карпов — поддержка разработки
- Наталия Богатель — QA и координация проекта
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с агентством, согласование)
Управление проектом, дизайн и коммуникация с клиентом со стороны агентства оставались у партнёра на протяжении всего проекта. Наша команда была невидима для конечного клиента. Запросы на доработку поступали через общую очередь задач агентства; ничто в сборке не было видно конечному клиенту. Каждый раунд закрывался только после согласования с проверяющим со стороны агентства.
Агентствам с библиотекой шаблонов
Шаблонная разработка WordPress держится на границе клиентских переопределений и общего слоя. У этой стоматологической практики — активный ребрендинг с новым названием и логотипом; у других — устоявшийся бренд стоматологической сети. Новый логотип не попадёт на все страницы — часть останется со старым. Цветовые токены разойдутся между компонентами. Смена названия потребует переделки шаблона через дочернюю тему.
Подрядчику стоит задавать не вопрос «настроите ли шаблон под бренд», а вопрос «как вы отделите клиентские настройки от ядра, чтобы бренд развивался без переделки кода?»
Пришлите исходник шаблона или его ID и спецификацию бренда. Мы проверим точки, где шаблон диктует условия, а не подстраивается, отметим неочевидные сбои при замене логотипа или цветов, и вернём фиксированную смету в часах. Аудит без оплаты, ответ в течение рабочего дня.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
Site Checker запускается до того, как агентство что-либо видит.
Перед передачей каждый сборки в тестовой среде прогоняется через Site Checker — WordPress QA-плагин, который мы разработали и поддерживаем. Это шлюз с нулевой терпимостью к ошибкам: к агентству не уходит ничего с открытыми проблемами. Предупреждения рассматриваются и признаются некритическими; агентство получает чистый старт для своего слоя QA, а не тестовый сайт с известными проблемами в очереди.