Обновление дизайна сайта эндодонтии — 6 задач за 83 дня
Обновление дизайна сайта эндодонтической клиники — 6 задач за 83 дня, редизайн главной из Figma на тестовой среде, вывод в продакшн, ~19 ч на 6 задач.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Выполнить оставшуюся часть обновления дизайна продакшена — небольшие задачи, ритм агентства, без регрессий в тех частях сайта, к которым агентство не просило прикасаться.
Клиент (конечный пользователь): Burien Endodontics — эндодонтическая практика в США
Формат сотрудничества: White-label разработка для маркетингового агентства из США
Сроки: март – июнь 2025 · 83 дня · ~19 часов на 6 задач
Подход к обновлению
Шесть задач за 83 дня для эндодонтической практики из США — редизайн главной страницы на тестовой среде WP Engine, где был доступен Elementor Pro, с последующим выводом в продакшен, где его не было. Команде пришлось заново собрать шапку, подвал и главную из тестовой сборки, а не перенести их напрямую, работая от черновика к запуску в ритме согласований агентства: дизайн в марте, реализация в мае, три микро-исправления в июне.
Краткий обзор
| Поле | Значение |
|---|---|
| Индустрия клиента | Медицина — Стоматология (Эндодонтия) |
| Клиент | Burien Endodontics (эндодонтическая практика в США) |
| Формат сотрудничества | White-label рабочий процесс обновления дизайна и поддержки для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип проекта | Обновление дизайна продакшена — редизайн главной на тестовой среде, миграция в продакшен, обновления изображений, исправления ошибок, запросы изменений UI |
| Объём | 6 задач — редизайн главной из Figma, QA-проход, исправление ошибок, редактирование изображений, вывод в продакшен, исправления после миграции |
| Сроки | 83 дня (27 мар – 18 июн 2025), в ритме агентства |
| Затраты | ~19 часов на 6 задач |
| Команда | 6 специалистов — разработчик + QA + руководитель проекта; без отдельного аналитика (не требуется для обновления дизайна такого масштаба) |
| Шаблоны | Главная построена на существующей системе стоматологических шаблонов агентства; новых шаблонов не добавлялось |
| Технологии | WordPress · Elementor · Elementor Pro · Gravity Forms · Rank Math SEO · Redirection · WP Engine · Site Checker (плагин QA от xaverPRO) |
| Сдано | Обновление дизайна главной запущено в продакшен, 6 задач закрыто, подвал и навигация проверены на единообразие, сайт возвращает HTTP 200 |
| Раунды проверки | ≈4 раунда на 83-дневном календарном окне |
| Затраты на задачу | 6 внутренних задач Redmine · медиана 2,2 ч / P75 6 ч на задачу |
Постановка задачи
Маркетинговое агентство, нанятое Burien Endodontics — эндодонтической практикой в районе Burien, WA — нуждалось в партнёре-разработчике для обновления дизайна главной страницы практики и выполнения небольшого набора последующих изменений. Редизайн главной был утверждён в Figma и требовал реализации на тестовой среде, проверки и вывода в продакшен без простоев и сбоев для пациентов.
После выхода главной в продакшен проект продолжился как устойчивый поток мелких запросов изменений — исправление ошибки из документа клиента, замена hero-изображения, замена фото врача и набор доработок после миграции (исправление телефонной ссылки, очистка меню, исправление наложения на адаптивной вёрстке, маршрутизация ссылки View All). Каждый запрос изменений создавался в Redmine, разрабатывался на тестовой среде или напрямую в продакшене и закрывался через согласование агентством.
Задача формулируется просто, но требует дисциплины: освежить главную по утверждённому Figma, аккуратно перенести в продакшен и обработать последующие задачи один за другим, не дестабилизируя сайт.
Контекст рисков. На сайте эндодонтической практики главная страница — это страница с наибольшим трафиком и основной канал привлечения пациентов. Она уже проиндексирована для локального поиска, уже получает прямой трафик из реферальных сетей, уже маршрутизирует запросы на запись. Обновление дизайна главной — замена hero-изображения, изменение размера логотипа при прокрутке, реструктуризация секций — несёт концентрированный риск: сломанная ссылка записи, неверно направленный номер телефона или наложение на адаптивной вёрстке при 1280 px означают, что потенциальный пациент уйдёт, даже не увидев обновлённый дизайн.
Ценность, которую продают, — не сам редизайн, а дисциплина обновления дизайна самой ответственной страницы без внесения регрессий, которые практика обнаружит по пропущенным звонкам на запись. У проекта не было таблицы или структурированной спецификации; каждая последующая задача оценивалась по краткому описанию, а не по предварительно согласованной очереди задач, поэтому каждое изменение несло риск выявления недокументированных требований в ритме ответа агентства, а не по фиксированной карте сайта.
Контроль качества
QA на тестовой среде при обновлении дизайна главной выявило регрессию анимации логотипа на мобильном — поведение сжатия при прокрутке работало на больших экранах, но ломалось на мобильных, отмечено в QA-проходе и исправлено до разрешения вывода страницы в продакшен; QA после миграции по задаче #659 выявило 3 микро-проблемы, включая исправление ссылки в меню навигации, до согласования агентством.
QA перед закрытием задач проведено через Site Checker — см. наш подход к QA с категориями и принципом нулевых ошибок. Собственный QA-слой агентства — их инструменты, их процесс — запускался после передачи и фиксировал замечания в общую очередь задач до согласования каждой задачи.
Как мы это сделали
1. Редизайн главной по Figma на тестовой среде. Агентство предоставило утверждённый Figma-фрейм для новой главной. Владимир Козлов реализовал редизайн на тестовой среде WP Engine — hero-секция, поведение сжатия логотипа при прокрутке, обновлённый подвал и обновлённая навигация — с привязкой каждого элемента к спецификации в Figma.
Правки шли только в тестовой среде до согласования агентством. Мы выбрали подход «сначала тестовая среда» вместо правок в продакшене, потому что частично обновлённая главная, видимая поисковым системам в процессе сборки, показала бы пациентам несогласованный посыл бренда на основном канале привлечения пациентов практики.
2. QA-проход перед выводом в продакшен. Павел Сажин провёл QA на тестовой главной — проверка соответствия Figma, адаптивного поведения, анимации логотипа и единообразия навигации — до того, как страница была разрешена для миграции в продакшен. Принцип: обновление дизайна продакшена никогда не выводится, пока агентство не проверило и не утвердило сборку на тестовой среде.
3. Вывод в продакшен и дисциплина после миграции. После согласования с агентством главная была выведена в продакшен. Отдельная задача отслеживала саму миграцию — тестовая среда → продакшен — с контрольным списком проверки, охватывающим единообразие шапки/подвала, функциональность навигации и маршрутизацию форм. После миграции набор мелких исправлений закрылся чисто: наложение на адаптивной вёрстке при 1280 px в секции «A Step Above the Rest», неверная ссылка tel: в подвале, дублированный пункт меню «Home» и ссылка View All, направленная на правильный лендинг эндодонтии.
4. Дисциплина запросов изменений — 6 задач за 83 дня. Задачи поступали через Redmine в ритме агентства — «Исправить ошибки согласно документу», «Редактирование изображения — Burien Endodontics | Обновление дизайна сайта», «Выполнить запуск продакшена», «Перенести в продакшен и решить проблемы».
Каждая задача оценивалась, разрабатывалась, проходила внутреннее QA через Site Checker, возвращалась агентству и закрывалась по их согласованию. Средняя задача потребляла примерно 3 часа — характерный профиль мелкомасштабного обновления дизайна, где редизайн главной несёт основную нагрузку, а последующие изменения — точечные.
Работа без Elementor Pro в продакшене означала, что шапку, подвал и главную нельзя было перенести напрямую с тестовой среды — команда перестроила каждый элемент вручную по эталону тестовой среды, а не импортировала его. Это ограничение дало более чистую рабочую сборку: каждый элемент был повторно проверен на соответствие спецификации в Figma при пересборке, а не считался перенесённым корректно.
Результаты
| Метрика | Результат |
|---|---|
| Запросов изменений сдано | 6 задач закрыто за 83 дня |
| Обновление дизайна главной | Запущено — главная по Figma выведена с тестовой среды в продакшен |
| Новых изображений | Hero-изображение и фото врача заменены по утверждённым агентством ресурсам |
| Контрольный этап Site Checker | Перед каждой задачей, по принципу нулевых ошибок — запускался перед закрытием каждой задачи |
| Исправления после миграции | 4 пункта закрыто: наложение адаптивной вёрстки, телефонная ссылка в подвале, очистка меню, маршрутизация View All |
| Сроки | 83 дня, сдано в ритме агентства |
| Затраты | ~19 часов всего на 6 задач |
| Передача | Сайт работает на burienendo.com, HTTP 200, шапка и подвал единообразны |
Результат, если кратко: редизайн главной страницы агентства был реализован на тестовой среде, проверен QA, выведен в продакшен и дополнен набором мелких запросов изменений — все закрыты индивидуально через QA перед задачей Site Checker и согласование агентством за 83 календарных дня.
Процесс
| Этап | Длительность | Результат |
|---|---|---|
| Первичный бриф и оценка | ~1 неделя | Figma изучена; тестовая среда подтверждена; объём главной согласован |
| Редизайн главной (тестовая среда) | ~2 недели | Полная главная реализована в Elementor Pro на тестовой среде WP Engine |
| QA + проверка агентства | ~1 неделя | Главная на тестовой среде проверена на соответствие Figma; согласование агентством получено |
| Вывод в продакшен | ~1 неделя | Главная выведена в продакшен; контрольный список миграции выполнен |
| Поток запросов изменений | ~10 недель | 5 последующих задач обработано и закрыто по одному; каждый через QA перед задачей Site Checker + после передачи согласование агентством |
Этапы пересекаются — запросы изменений продолжали поступать после выхода главной в продакшен, а раунд исправлений после миграции шёл параллельно с собственной QA-проверкой агентства. Это пересечение характерно для работы по обновлению дизайна.
Команда
Команда проекта
- Никита Тумашевич — разработчик правок изображений и исправлений ошибок
- Павел Сажин — QA на проверке тестовой среды и проверка после миграции
- Анна Полунина — поддержка реализации и QA
- Владимир Козлов — разработчик редизайна главной и последующих изменений
- Евгений Карпов — поддержка разработки
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с агентством, согласование)
Управление проектом со стороны агентства, утверждение дизайна и коммуникация с клиентом оставались у партнёрского агентства на всём протяжении. Наша команда была невидима для конечного клиента.
Агентствам, заказывающим обновление WordPress
Обновление сайта эндодонтической практики — это серия точечных задач. Весь риск сконцентрирован на главной странице — основном конверсионном узле. У этой практики — эндодонтическое лечение как профильная услуга; у других — общая терапия с десятком направлений. Самые болезненные сценарии для агентства: три задачи перерастают в редизайн, когда правки Hero вскрывают пробелы в архитектуре информации; новый цвет кнопки не доходит до архивных страниц — сайт выглядит разрозненно; редакторская команда теряет трекер — не видно, какие разделы уже прошли обновление.
Поэтому подрядчику стоит задавать не вопрос «обновите ли вы главную?», а вопрос «как именно вы удержите объём работ и сохраните согласованность всех страниц?»
Пришлите очередь задач или макеты текущих правок. Мы пройдёмся по каждой задаче и подсветим места, где одно изменение потянет за собой неочевидные правки или увеличит объём. Вернём фиксированную смету в часах. Аудит без оплаты, ответ в течение рабочего дня.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →