Редизайн сайта стоматологии за 54 дня — из Figma в Elementor Pro
Полный редизайн сайта стоматологической практики из Figma в Elementor Pro — 10 шаблонов на ~102 страницы, 68 часов работы, срок 54 дня.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Редизайн нескольких страниц по макетам Figma от агентства. Сначала черновик; финальная проверка принципалом; запуск только после согласования.
Клиент (конечный пользователь): DG Dental (Dr. Dory Green) — общая стоматологическая практика, Fort Lauderdale, FL
Формат сотрудничества: White-label разработка для маркетингового агентства из США
Сроки: март – май 2025 · 54 дня · ~68 часов · по графику, без превышения
Подход к редизайну
10 шаблонов страниц из Figma наложили на 102 страницы сайта стоматологической практики из Fort Lauderdale — и до сдачи вычистили все упоминания прежнего позиционирования практики «Boutique & Spa». Страницы уже лежали на сервере тестовой среды; задача была наложить дизайн и зафиксировать пробелы в контенте, а не собирать с нуля. Наша роль — точность по Figma на каждом шаблоне и полная зачистка наследия бренда до того, как агентство запустит сайт.
Краткий обзор
| Параметр | Значение |
|---|---|
| Отрасль клиента | Медицина — общая стоматология |
| Клиент | DG Dental (Dr. Dory Green, Fort Lauderdale, FL) |
| Формат сотрудничества | White-label редизайн сайта стоматологии для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип работы | Полный редизайн сайта из Figma в Elementor Pro — применён ко всем шаблонам страниц |
| Объём | ~102 страницы — главная, О нас, Услуги (лендинг + отдельные страницы услуг), Блог (лендинг + посты), Контакты, Финансирование/Страховка, Биография врача, Галерея результатов |
| Сроки | 54 дня (28 мар – 21 мая 2025), по графику |
| Затраты времени | ~68 часов — разработка по 10 типам шаблонов, интеграция контента, QA-раунды, правки после сдачи |
| Команда | 3 специалиста (ведущий разработчик + ведущий QA + руководитель проекта) |
| Передача дизайна | Макеты Figma (принадлежат агентству; URL Figma не раскрываются — интеллектуальная собственность агентства) — 10 макетов страниц + главная |
| Технологии | WordPress · Elementor Pro · хостинг WordPress агентства · Site Checker (xaverPRO QA-плагин) |
| Режим разработки | Соответствие Figma — каждый тип шаблона создан по референсу Figma; контент для каждой страницы предоставлен агентством |
| Результат | Полный редизайн сайта стоматологической практики по спецификации Figma — 10 шаблонов, ~102 страницы, размещён на сервере агентства и готов к запуску |
| Раунды проверки | ≈4 раунда проверки за 54 календарных дня |
| Затраты на задачу | 10 внутренних задач Redmine · медиана 2,2 ч / P75 10 ч на задачу |
Постановка задачи
Маркетинговое агентство из США, ведущее стоматологического клиента — практику Dr. Dory Green в районе Fort Lauderdale — нуждалось в редизайне существующего сайта на WordPress в соответствии с новым брифом Figma. Бриф охватывал весь сайт: главную страницу, все страницы услуг, страницу «О нас» с подстраницей биографии врача, лендинг блога и шаблон поста, страницу финансирования и страховки, а также галерею результатов. Всего 10 различных типов макетов страниц, применённых примерно на 100 страницах.
Агентство уже перенесло существующий контент в тестовую среду на своём сервере. Нашей задачей было применить дизайн Figma к каждой странице — проверить наличие контента, применить дизайн и отметить пробелы. Бриф также требовал удалить прежний брендинг, утративший актуальность: практика отказывалась от прежнего позиционирования «Boutique & Spa», и все остаточные упоминания этого бренда нужно было удалить по всему сайту до сдачи.
Задача была сформулирована чётко: воспроизвести Figma по всем типам страниц, разложить предоставленный контент согласно Google Docs агентства, подтвердить, что все страницы на месте и оформлены верно, и сдать агентству для запуска. Не выходить на прямой контакт с конечным клиентом. Оставаться невидимой частью реализации.
Контекст рисков. Полный редизайн стоматологического сайта в тестовой среде текущего клиента несёт иной профиль рисков, чем сборка с нуля. Страницы уже существуют; контент уже на месте. Сломается не отсутствующая страница, а неправильно наложенный элемент дизайна, который незаметно расползётся по 40 страницам услуг, прежде чем кто-то его заметит, — или упоминание прежнего бренда, пережившее редизайн и всплывающее при поиске по имени пациента.
Агентство защищает от этого одно: проверяем каждый шаблон, сверяем каждую страницу с контентом, находим и удаляем каждое упоминание старого бренда до сдачи.
Как мы это сделали
1. Из Figma в Elementor Pro, шаблон за шаблоном. Главная страница и каждый из 10 типов шаблонов были созданы в Elementor Pro по утверждённым макетам Figma. Никита Тумашевич вёл разработку, последовательно проходя каждый тип шаблона — макет услуг, макет блога, биографию врача, галерею результатов, контакты и страницу финансирования — после чего перешёл к этапу наложения контента на каждую страницу.
Поскольку Elementor Pro уже был установлен в тестовой среде, разработка вписалась в существующую инфраструктуру без внедрения новых зависимостей. Бриф Figma был единственным референсом для визуальных решений; интерпретация объёма работ не потребовалась.
2. Интеграция контента по Google Docs агентства. Агентство предоставило контент для каждой страницы в Google Docs — по одному документу на тип шаблона, с описанием текстов, заголовков и структуры CTA для каждой страницы. Контент был размещён в соответствующих блоках Elementor согласно дизайну. Страницы услуг потребовали больше ручных решений, чем остальные — исходный сайт имел структуру длинных статей, тогда как Figma вводила отдельные секции контента («Об услуге», «Как это работает», «Преимущества»). Контент был распределён по этим секциям командой, все неясности помечались до сдачи.
3. Зачистка наследия бренда. Практика находилась в процессе ребрендинга, отходя от прежнего позиционирования «Boutique & Spa». Это потребовало прохода по всему сайту, чтобы удалить упоминания прежнего бренда — в текстах страниц, ссылках в блоге и в любом другом видимом месте, где мог сохраниться старый бренд. Эта работа отслеживалась в QA-таблице агентства и была завершена до финальной сдачи.
4. QA-раунды перед сдачей агентству. Внутренний QA проводил Павел Сажин — проверка каждого типа шаблона на соответствие Figma и подтверждение корректности назначения контента по страницам. Вкладка QA в Google Sheets агентства отслеживала открытые вопросы по приоритетам. В рамках основного проекта решались только вопросы высокого приоритета; уточнения с низким приоритетом продолжались в дополнительных правках после первичной сдачи.
Перераспределение 40+ страниц услуг из формата длинных статей в трёхсекционный макет Figma — «Об услуге», «Как это работает», «Преимущества» — было задачей, потребовавшей наибольшего внимания на этом проекте. Применить шаблон было просто; распределить контент по правильным блокам, не теряя текст и не перегружая секции — вот на что ушли часы разработки.
Контроль качества
В этом проекте нагрузка QA пришлась на структуру URL и зачистку наследия бренда: QA перед сдачей выявил, что все 102 страницы доступны как со слешем, так и без — общесайтовые редиректы настроены до сдачи — а также циклический редирект по ссылке с логотипа на главной; проход по контенту удалил все упоминания «Boutique & Spa» со страниц, постов и меню согласно QA-контрольному списку агентства.
QA перед сдачей проводился через Site Checker — см. наш подход к QA о категориях и пороге нулевых ошибок. Внутренний контур проверки агентства работал после сдачи и сводил замечания в общую очередь правок для нашего цикла исправлений, пока агентство не подписало приёмку.
Результаты
| Метрика | Результат |
|---|---|
| Редизайн сайта | Выполнен — Figma наложена в Elementor Pro на все ~102 страницы и 10 типов шаблонов |
| Режим разработки | Соответствие Figma — все визуальные решения в рамках брифа; отклонения согласовывались с агентством до реализации |
| Шаблоны | 10 типов шаблонов — главная, О нас, лендинг услуг, страница услуги, лендинг блога, пост блога, контакты, финансирование/страховка, биография врача, галерея результатов |
| Зачистка наследия бренда | Все упоминания «Boutique & Spa» удалены по всему сайту согласно QA-контрольному списку агентства |
| QA-раунды | Внутренний QA от Павла Сажина — все вопросы высокого приоритета решены до сдачи |
| Сроки | 54 дня (28 мар – 21 мая 2025), по графику |
| Затраты времени | ~68 часов — распределено между реализацией дизайна, интеграцией контента, QA и правками после сдачи |
| Команда | 3 специалиста — без отдельного аналитика, без дизайн-лида (на стороне агентства), без SEO-лида (миграция не входила в объём) |
| Сдача | Размещён на сервере агентства, готов к запуску под контролем агентства |
Если коротко: Figma агентства наложена на все типы страниц стоматологического сайта, прежнее позиционирование бренда удалено, все вопросы QA высокого приоритета решены, сайт размещён в тестовой среде и готов к запуску силами агентства.
Этапы
| Этап | Длительность | Результат |
|---|---|---|
| Бриф и оценка | ~3 дня | Figma проанализирована, перечень страниц подтверждён (102 URL), Elementor Pro подтверждён |
| Реализация дизайна | ~2 недели | Все 10 типов шаблонов созданы по Figma; контент наложен из Google Docs агентства |
| Внутренний QA | ~1 неделя | Павел Сажин проверил все типы шаблонов; вопросы высокого приоритета зафиксированы и решены |
| Зачистка наследия бренда + правки контента | ~1 неделя | Упоминания Boutique & Spa удалены; правки контента по запросу агентства внесены |
| Дополнительные правки после сдачи | ~3 недели | Правки по QA-таблице агентства — вопросы низкого приоритета и уточнения контента |
Этапы пересекались — QA шёл параллельно с интеграцией контента на поздних стадиях, а дополнительные правки после сдачи обрабатывались одновременно с проверкой со стороны агентства. Календарные 54 дня отражают полный цикл проекта от открытия до закрытия последней задачи.
Команда
Команда проекта
- Никита Тумашевич — ведущий разработчик (полная реализация дизайна сайта, система шаблонов, сборка из Figma в Elementor)
- Павел Сажин — QA и координация проекта (внутренние QA-раунды, коммуникация с агентством, отслеживание задач)
- Анна Полунина — поддержка разработки и QA
- Антон Херсун, xaverPRO — руководитель проекта (оценка, согласование с агентством)
Управление проектом, дизайн и коммуникация с клиентом оставались на стороне партнёрского агентства на всём протяжении проекта. Конечный клиент нас не видел. Все дизайн-решения принадлежали агентству; наша роль заключалась в точности Figma на каждой странице и каждом типе шаблона.
Агентствам, заказывающим редизайн WordPress
При редизайне стоматологического сайта страницы уже существуют. Риск не в пропавшей странице, а в визуальной поломке, которая незаметно расползается по шаблонам. У этой практики — сеть кабинетов с общими профилями врачей; у других — один кабинет. Сценарии тихие: токен старого бренда обойдёт виджеты в архиве, а строка с врачом всплывёт на странице, которую редизайн пропустил.
Подрядчику стоит задавать не «перерисуете ли страницы?», а «как вы прогоните шаблоны по всем страницам и поймаете упоминания старого бренда?»
Пришлите макеты и текущий перечень URL. Мы сверим зазор между вашей библиотекой компонентов и живыми страницами, найдём упоминания старого бренда, которые редизайн может пропустить, и вернём смету в фиксированных часах. Аудит за счёт нашей стороны, смета в часах.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
черновик страницы
Этот кейс — многостраничный. Та же методология применима к одностраничному редизайну.
Редизайн главной страницы и многостраничный редизайн используют одну и ту же базовую методологию — Figma-led, соответствие инструментальной среде, сначала черновик. Масштаб различается; методология — нет.