Редизайн сайта стоматологии за 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 часов · по графику, без превышения
Подход к редизайну
Десять шаблонов страниц из 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 о категориях и принципе нулевых ошибок. Собственный слой 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
При редизайне стоматологического сайта страницы уже существуют — риск не в пропавшей странице, а в визуальной поломке, которая незаметно расползается по шаблонам. У этой практики — частная стоматология с одним кабинетом; у других — сетевая клиника с десятком филиалов и единым брендом. Конкретные сценарии, за которые агентству придётся отвечать: раскладки нового дизайна не совпадут с реальной длиной контента, и карточки услуг сломаются на runtime. Слаги URL изменятся без редирект-карты, потому что смена шаблонов не считается архитектурным изменением. Токены дизайн-системы не накроют старые типы страниц — архив и сайдбары останутся в прежнем оформлении.
Подрядчику стоит задавать не вопрос «перерисуете ли страницы?», а вопрос «как именно вы защитите от того, чтобы слаги не изменились без редиректа, а сетка не сломалась на реальном контенте?»
Пришлите макеты или текущий перечень URL. Мы сверим новый дизайн с перечнем текущих адресов, покажем, где токены не доедут до старых типов страниц, и найдём раскладки, которые разойдутся на реальном контенте. Аудит за счёт нашей стороны; обязательств после нет.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
черновик страницы
Этот кейс — многостраничный. Та же методология применима к одностраничному редизайну.
Редизайн главной страницы и многостраничный редизайн используют одну и ту же базовую методологию — Figma-led, соответствие инструментальной среде, сначала черновик. Масштаб различается; методология — нет.