Figma · WordPress · ACF
Редизайн сайтаemh24.ru
Студия Изи × ЕвроМедХолдинг. Перерисовываем все страницы сайта и натягиваем новый дизайн на ваш существующий WordPress: структура и контент остаются, меняется подача.
×
// Задача
Сайт не отражает уровень компании
На emh24.ru есть вся нужная информация — услуги, лицензии, врачи, контакты. Но собран он на типовых блоках Elementor: одинаковые секции, слабая иерархия, бытовые фото оборудования. Для HR-директора, который выбирает медицинского партнёра для предприятия, первое впечатление от сайта — часть решения.
emh24.ru сегодня — WordPress + Elementor, типовая сборка
Сейчас
Типовая сборка на Elementor
- Одинаковые наборы блоков на всех страницах — услуги не отличаются друг от друга
- Фото оборудования сняты «как есть»: в кадре стена, грамоты, бытовой свет
- Слабая типографика — заголовки, списки и подписи почти не различаются
- Форма заявки живёт в сайдбаре, а не в логике страницы
- Страницы услуг не ведут клиента к решению: нет ответа «почему вы»
Что делаем
Полный редизайн с натяжкой на ваш WordPress
- Новый визуальный стиль в Figma: палитра от вашего фирменного синего, типографика, UI-кит
- Все 12 страниц перерисованы — десктоп и мобильная версия
- Продающая структура страниц услуг: задача клиента → как работает → почему вы → заявка
- Вёрстка натягивается на текущий WordPress, контент правится из админки
- Структура сайта, URL и тексты сохраняются — теряться трафику не с чего
// Как работаем
Четыре этапа
От разбора текущего сайта до нового дизайна на вашем WordPress. Каждый этап заканчивается согласованием — вы видите результат по частям, а не «в конце».
01Этап 1
Аналитика
Изучаем ваш сайт, конкурентов в корпоративной медицине и целевую аудиторию — HR-директора, руководителей предприятий, логистику и автопарки.
- Логика блоков каждой страницы: что показываем и в каком порядке
- Акценты и путь до заявки — от «узнал о компании» до «оставил контакт»
- На выходе: согласованная структура и ТЗ на дизайн
02Этап 2
Дизайн-концепт
Разрабатываем визуальный стиль: цветовая палитра на базе вашего фирменного синего, типографика, UI-компоненты — кнопки, карточки, формы, иконки.
- Показываем концепт на примере главной страницы
- Согласовываем стиль до того, как рисуем остальное
- Никакого «сделали всё и показали в конце»
03Этап 3
Дизайн всех страниц
Отрисовываем каждую страницу в Figma — десктоп и мобильная версия. Семь корпоративных услуг делаем одним шаблоном с семью наполнениями.
- Два раунда правок включены в стоимость
- Мобильная версия рисуется отдельно, а не «схлопывается» сама
- Сквозные элементы: хедер, футер, формы, меню, 404
04Этап 4
Вёрстка и интеграция с WordPress
Верстаем страницы и натягиваем на ваш существующий WordPress. Кастомные шаблоны с полями ACF — текст, фото, контакты меняются из админки без программиста.
- Адаптив на всех устройствах, тестирование в популярных браузерах
- Сохраняем текущие URL, формы заявок и счётчики аналитики
- Деплой и передача с инструкцией по редактированию
Важно Аналитика нужна не ради документов. Она нужна, чтобы дизайн работал на заявки, а не просто красиво выглядел: каждый блок на странице стоит там, где он нужен клиенту.
// Объём
12 страниц в работе
Восемь уникальных макетов: главная, шаблон страницы услуги (наполняем под семь услуг), документы, врачи, вакансии и контакты. Плюс сквозные элементы.
#СтраницаЧто делаем
Сквозные элементы
Хедер с выпадающим меню «Организация»Футер с контактами и лицензиямиФорма «Запрос КП» и модальное окно заявкиМобильное менюСтраница 404Политика конфиденциальности
8 макетов
Уникальных дизайн-макетов. Семь корпоративных услуг делаем одним шаблоном с семью наполнениями — так дешевле и визуально согласованнее.
2 версии
Десктоп и мобильная версия рисуются отдельно. Мобильная — не «схлопнутый» десктоп, а отдельный макет под палец.
// Результат
Что получите на выходе
Сайт, который соответствует уровню компании, работающей с корпоративными клиентами — и который вы правите сами, без программиста.
Единый визуальный стиль на всех 12 страницах
Продающая структура страниц услуг — от задачи клиента до заявки
Читаемая типографика: заголовки, списки и подписи наконец различаются
Формы на видном месте и в логике страницы, а не в углу сайдбара
Мобильная версия, нарисованная отдельно под палец
Контент правится из админки WordPress без программиста
Текущая структура сайта и URL сохраняются — трафик не теряется
Аккуратная вёрстка без лишних скриптов — сайт работает быстро
// Наши работы
Что мы уже делали
Корпоративные сайты и лендинги на WordPress: дизайн, вёрстка, управление контентом из админки без программиста.
tformat.ru↗01tformat.ru
Типография «Формат»
Корпоративный сайт полиграфической компании на WordPress: каталог из 23 категорий продукции, встроенный калькулятор стоимости с загрузкой макетов, интеграция с Яндекс Картами.
navigator.taxi↗02navigator.taxi
Navigator Taxi
Сайт таксопарка на WordPress: каталог автомобилей с фильтрацией, калькулятор заработка, формы бронирования и мультигородская структура — СПб, Тверь, Ярославль, Псков, Новгород.
assist-me.net↗03assist-me.net
Assist-me
Лендинг сервиса подбора бизнес-ассистентов: анимированные счётчики, блоки кейсов и отзывов, двойная форма заявки — для руководителей и для ассистентов.
// Смета
Этапы и стоимость
Пять этапов, каждый со своим сроком и ценой. Итог — 99 000 ₽ и ~4 недели.
01
Аналитика
Разбор текущего сайта и конкурентов, целевая аудитория, логика блоков каждой страницы. Результат — согласованная структура и ТЗ на дизайн.
02
Дизайн-концепт
Визуальный стиль и UI-кит: палитра, типографика, кнопки, карточки, формы, иконки. Концепт показываем на главной странице и согласовываем до отрисовки остальных.
03
Дизайн всех страниц
12 страниц в Figma — десктоп и мобильная версия, плюс сквозные элементы. Семь услуг — один шаблон с семью наполнениями. Два раунда правок включены.
04
Вёрстка и интеграция с WordPress
Вёрстка страниц и натяжка на существующий WordPress: кастомные шаблоны, поля ACF для текста, фото и контактов. Адаптив под все устройства.
05
Тестирование и деплой
Проверка в популярных браузерах и на мобильных, сохранение URL и форм, публикация, передача с инструкцией по редактированию из админки.
ЭтапСрокСтоимость
Аналитика3 дня5 000 ₽
Дизайн-концепт4 дня20 000 ₽
Дизайн всех страниц1 неделя25 000 ₽
Вёрстка и интеграция с WordPress1,5 недели41 000 ₽
Тестирование и деплой2 дня8 000 ₽
Итого~4 недели99 000 ₽
Оплата 50% предоплата на старте → 50% после сдачи.
Срок ~4 недели от старта. Сроки согласований на вашей стороне в этот расчёт не входят.
Правки Два раунда правок по дизайну включены: после первого показа и после второго.
Что нужно от вас Доступы к WordPress и хостингу, логотип в векторе, один контакт на согласования и приёмку.
Не входит Копирайтинг новых текстов, фотосъёмка оборудования и врачей, SEO-продвижение — считаем отдельно при необходимости.
// Перед стартом
Вопросы, которые уточним
Смета выше посчитана по базовому сценарию: текущие тексты и фото, 12 страниц, натяжка на существующий WordPress. Ответы на вопросы могут этот объём сдвинуть.
01Тексты берём с текущего сайта или переписываем под новую структуру? Копирайтинг в смету не входит — считаем отдельно.
02Есть ли брендбук, фирменные цвета и логотип в векторе? Если нет — работаем от логотипа и текущей палитры.
03Фотографии оборудования и врачей оставляем текущие или планируете съёмку? Качественные фото сильно влияют на результат.
04Кто со стороны компании принимает дизайн — один человек или согласование через несколько отделов?
05Какие интеграции нужно сохранить: формы заявок, CRM, Метрика, коллтрекинг?
// Следующий шаг
Согласуем структуру и стартуем 🚀
Ответьте на вопросы выше — и мы пришлём договор со счётом на предоплату. Первый результат — структура страниц — будет у вас через три дня после старта.
Антон Бордаковский
Студия Изи · полный цикл: аналитика → дизайн → вёрстка → запуск