Редизайн главной страницы для юридической фирмы — Figma в Elementor Pro
Редизайн главной страницы юридической фирмы: черновик до публикации, Figma в Elementor Pro, 2 раунда QA плюс проверка руководителя агентства, 31 день.
Скриншоты сделаны автоматическими инструментами — некоторые элементы могли не загрузиться полностью или перекрываться. Для наиболее точного представления открыть действующий сайт →
Разработать новую главную страницу по макетам Figma от агентства. Передать в виде черновика. Принять один раунд проверки принципалом. Запуск только после согласования.
Клиент (конечный пользователь): The Stein Law Group — юридическая практика по делам о травмах и несчастных случаях, обслуживающая NY metro (NYC, Long Island, Westchester, Nassau, Rockland, Northern NJ)
Формат сотрудничества: White-label разработка для маркетингового агентства из США
Сроки: ноябрь – декабрь 2025 · 31 день · ~15 ч на разработку, QA и один раунд после проверки
Подход к редизайну
Редизайн главной страницы из Figma в Elementor Pro на сайте с WPBakery: страницу собрали в черновике и не публиковали, пока её не согласовал руководитель агентства. Бриф был однозначен — Elementor Pro, разработка в черновике. Сложность всплыла, когда новый глобальный хедер и футер Elementor применили ко всему сайту: Elementor погасил стили WPBakery и ненадолго уронил сайт. Мы восстановили резервную копию, устранили конфликт и заново раскатили глобальные хедер и футер — уже до проверки агентством.
Краткий обзор
| Поле | Значение |
|---|---|
| Отрасль конечного клиента | Юридические услуги — травмы и несчастные случаи |
| Конечный клиент | The Stein Law Group (юридическая практика по делам о травмах и несчастных случаях, NY metro) |
| Формат сотрудничества | White-label редизайн главной страницы для маркетингового агентства из США, специализирующегося на сайтах для локального бизнеса |
| Тип проекта | Редизайн главной страницы Figma в Elementor Pro — собран в черновике, опубликован после проверки руководителем агентства |
| Объём работ | 1 главная страница — полный редизайн по Figma агентства, создан в WordPress-черновике, запущен после раунда проверки руководителем агентства |
| Сроки | 31 день (20 ноя – 20 дек 2025), по графику |
| Трудозатраты | ~15 ч — ~7,7 ч разработка · ~7,7 ч QA в 2 раунда · остаток на реализацию после проверки |
| Команда | 4 специалиста (разработка + QA + руководитель проекта) |
| Передача дизайна | макет в Figma (принадлежит агентству; URL дизайна не публикуется) — в согласованном брифе явно требовались Elementor Pro и доставка в черновике |
| Технологический стек | WordPress · Elementor Pro · существующий WordPress-хостинг агентства · Site Checker (QA-плагин xaverPRO) |
| Режим разработки | Сначала черновик — новая главная страница создавалась как WordPress-черновик параллельно с действующим сайтом, без публичного показа в процессе |
| Выполнено | Редизайн главной страницы передан по спецификации, один раунд замечаний руководителя агентства реализован и запущен, сайт работает на thesteinlawgroup.com |
| Раунды проверки | ≈3 раунда проверки за 31 календарный день |
| Трудозатраты на задачу | 13 внутренних задач Redmine · медиана 22 мин / P75 1,2 ч на задачу |
Постановка задачи
Маркетинговое агентство из США, работающее с The Stein Law Group — юридической практикой по делам о травмах и несчастных случаях в NY metro — передало нам новый дизайн главной страницы в Figma с двумя явными ограничениями: реализация должна быть в Elementor Pro (уже установлен на сайте клиента), а разработка должна выполняться в черновике, а не на рабочей главной странице.
Обоснование было прямым. Юридические фирмы крайне чувствительны к правкам на действующем сайте: случайный сдвиг в формулировках исков, описании результатов дел или дисклеймерах создаёт юридические и репутационные риски, которых у стоматологической практики нет. Агентство хотело, чтобы дизайн собрали параллельно с действующим сайтом, проверили внутри, а затем ещё раз проверил руководитель агентства — до любой публикации.
Задача была чёткой: воспроизвести Figma в Elementor Pro, сдать черновик, отработать раунд замечаний руководителя агентства по финальной проверке и опубликовать страницу только после её подписи. Всё это — не выходя на прямой контакт с конечным клиентом.
Контекст рисков. На главной странице юридической фирмы цена каждого пикселя необычно высока. Каждое утверждение на экране — описание результатов дел, язык юрисдикции, дисклеймеры о рекламе адвокатских услуг — несёт юридическую нагрузку.
Редизайн ни разу не уходил в публикацию, пока руководитель агентства его не проверил и не подписал. В любой момент разработки на действующем сайте стояла либо неизменённая исходная версия, либо полностью проверенная новая — наполовину готового гибрида не было никогда. Работа через черновик здесь не процессная вежливость, а контрактно значимый порог, который защищает агентство от инцидента на сайте постоянного юридического клиента.
Как мы это сделали
1. Figma в Elementor Pro, сначала черновик. Главная страница была полностью создана в Elementor Pro по утверждённым макетам Figma — hero-блок, разделы услуг, отзывы, призыв к действию с контактами, футер. Поскольку Elementor Pro уже был установлен на сайте, разработка встроилась в существующую тему и систему глобальных стилей без добавления нового конструктора страниц.
2. В черновике, не в публикации. Новую главную страницу разместили как WordPress-черновик параллельно с действующей главной. Каждый QA-проход шёл по черновику вплоть до запуска. Эту защитную меру агентство запросило специально для такого типа проекта и такой отрасли клиента: юридическая практика не может позволить, чтобы наполовину готовая главная попала в публикацию посреди QA.
Принцип прост: при редизайне главной страницы юридической фирмы команда разработки по умолчанию работает через черновик. Стоматологический или ресторанный сайт терпит публикацию без полной проверки; юридическая фирма — нет.
3. 2 внутренних раунда QA до передачи агентству. QA провели трое разработчиков — Павел, Тимур и Антон — на большом экране и на мобильных, выловив обычные артефакты переноса Figma в Elementor: Elementor Pro отрисовывает часть отступов иначе, чем автоматическая раскладка Figma; цели ссылок требовали проверки; блок формы нужно было подключить к Gravity Forms.
4. Раунд после проверки — замечания руководителя, затем запуск. После проверки агентства руководитель передала конкретный набор замечаний по черновику. Их реализовали в отдельной задаче-продолжении («Implement Linda’s Comment & Launch Page»), и страницу опубликовали после финального согласования с агентством. Ещё 1 раунд QA с 3 разработчиками проверил состояние после запуска.
Главным источником сложности стал конфликт конструкторов страниц: глобальный хедер и футер Elementor Pro, применённые ко всему сайту, погасили стили WPBakery и ненадолго уронили сайт. Резервную копию мы восстановили сразу, конфликт устранили отдельно, а раскатку запустили повторно — уже чисто. Новая главная ни разу не висела черновиком на наполовину рабочем сайте, поэтому инцидент закрылся раньше, чем агентство его увидело.
Контроль качества
QA перед передачей поймал, что черновик новой главной случайно опубликовали — вопреки явному требованию брифа держать страницу в WordPress-черновике и закрытой от индексации. Страницу сразу вернули в статус черновика до проверки агентством. Виджет отзывов Trustindex по ходу разработки тоже ломал вёрстку — поправили в том же QA-проходе.
QA перед передачей проходил через Site Checker — категории и порог нулевых ошибок описаны в разделе наш подход к QA. Контур проверки агентства запускался после передачи и заводил оставшиеся вопросы в общую очередь правок для нашего цикла исправлений, пока агентство не подписывало приёмку.
Результаты
| Метрика | Итог |
|---|---|
| Редизайн главной страницы | Выполнен — Figma реализована в Elementor Pro, заменив предыдущую главную страницу |
| Режим разработки | Сначала черновик — новая главная страница создана как WordPress-черновик параллельно с действующим сайтом, без публичного показа в процессе |
| Раунды QA | 2 внутренних + 1 после запуска — Павел, Тимур и Антон прошли большой экран + мобильные устройства в каждом раунде |
| Проверка после сдачи | 1 раунд — замечания руководителя реализованы в задаче «Implement Linda’s Comment & Launch Page»; запущено после согласования с агентством |
| Сроки | 31 день (20 ноя – 20 дек 2025), выполнено по графику |
| Трудозатраты | ~15 ч — примерно поровну разработка и QA, характерный профиль для редизайна одной страницы |
| Команда | 4 специалиста — без отдельного аналитика, без дизайн-лида (принадлежит агентству), без SEO-лида (объём миграции отсутствует) |
| Статус сайта | Работает, открывается по адресу https://thesteinlawgroup.com/ — проверено в апреле 2026. |
Если коротко: Figma агентства реализована в Elementor Pro в черновике, проверена дважды внутренней командой, доработана один раз по замечаниям руководителя агентства и опубликована — всё это за 31 календарный день и около 15 часов работы.
Процесс
| Фаза | Продолжительность | Результат |
|---|---|---|
| Бриф и оценка | ~2 дня | Figma проверена, Elementor Pro подтверждён, модель доставки в черновике согласована |
| Разработка главной страницы (черновик) | ~1 неделя | Полная главная страница реализована в Elementor Pro в WordPress-черновике |
| Внутренний раунд QA 1 | ~2 дня | Павел + Тимур + Антон против большого экрана + мобильных устройств; артефакты зафиксированы |
| Проверка после сдачи — замечания руководителя | ~1 неделя | Замечания руководителя агентства зафиксированы; задача на реализацию открыта и закрыта |
| Запуск + раунд QA 2 | ~1 неделя | Страница опубликована; QA после запуска с 3 разработчиками закрыт |
Фазы пересекаются — QA начался до того, как черновик был функционально завершён, а раунд проверки после сдачи был открыт в тот же день, когда закрылся первый внутренний QA. Это характерно для небольших редизайнов, где QA-цикл работает непрерывно, а не в отдельной фазе.
Команда
Команда проекта
- Никита Тумашевич — разработка главной страницы в Elementor Pro по Figma
- Павел Сажин — QA в обоих раундах и поддержка реализации после проверки
- Тимур Арбаев — QA в обоих раундах и поддержка реализации после проверки
- Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с аккаунт-менеджером агентства, координация после проверки, согласование)
Управление проектом, дизайн и коммуникация с клиентом со стороны агентства оставались за партнёрским агентством на протяжении всего проекта. Наша команда оставалась невидимой для конечного клиента. Замечания руководителя агентства по итогам проверки были переданы нам, реализованы и возвращены на её подписание.
Агентствам, заказывающим редизайн WordPress
При редизайне сайта юридической фирмы реальный риск для вас, агентства, — черновик с несогласованными формулировками по делам, который доезжает до боевого URL. У одной практики это страницы конкретных дел с дисклеймерами; у другой — общая база урегулированных исков на несколько адвокатов. Сбои тихие и конкретные: черновик уходит из тестовой среды неутверждённым; визуальные токены обновляют хедер, а архивы практик остаются на старой палитре; новые карточки рассчитаны на текст, который не совпадает с реальными дисклеймерами клиента, — и страница ломается уже на опубликованном сайте.
Спрашивать подрядчика стоит не «успеете ли обновить интерфейс», а «как именно вы закроете каждый переход страницы, чтобы ни один неутверждённый черновик не вышел на публичный URL».
Пришлите макеты и текущий перечень URL. Мы наложим новые раскладки на страницы, которые реально ранжируются, найдём места, где предположения редизайна расходятся с опубликованным контентом, и вернём фиксированную смету в часах. Аудит без оплаты.
У вас ещё нет ТЗ? Пришлите описание в один абзац — мы вернёмся с вопросами, которые стоит задать. Прислать описание →
черновик страницы
Этот кейс — одностраничный. Та же методология масштабируется на многостраничный редизайн.
Редизайн главной страницы и многостраничный редизайн используют одну и ту же базовую методологию — Figma-led, соответствие инструментальной среде, сначала черновик. Масштаб различается; методология — нет.