Редизайн сайта стоматологии за 54 дня — из Figma в Elementor Pro
Полный редизайн сайта стоматологической практики из Figma в Elementor Pro — 10 шаблонов на ~102 страницы, 68 часов работы, срок 54 дня.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Редизайн нескольких страниц по макетам Figma от агентства. Сначала черновик; финальная проверка принципалом; запуск только после согласования.
Подход к редизайну
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 календарных дня |
Постановка задачи
Маркетинговое агентство из США, ведущее стоматологического клиента — практику 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, соответствие инструментальной среде, сначала черновик. Масштаб различается; методология — нет.