Разработка корпоративного сайта АЛЬЯНС 56
Клиент: АЛЬЯНС 56
Срок: 6 месяцев
Команда: UX/UI-дизайнеры, frontend- и backend-разработчики, менеджер проекта
CMS: WordPress
Запуск: февраль 2026
Сайт: https://alianz56.ru/
АЛЬЯНС 56 — проект, который начинался как задача по реализации готового дизайна заказчика, но в процессе превратился в полноценную техническую разработку с нестандартной функциональностью.
На старте мы получили дизайн сайта в Figma и задачу сверстать его на WordPress. Предполагалось, что основная работа будет заключаться в переносе готового макета в рабочий сайт.
Однако в процессе разработки выяснилось, что дизайн значительно сложнее стандартного корпоративного сайта: большое количество фоновых изображений, сложные композиции, множество деталей и отсутствие полноценной адаптации под разные разрешения.
Поэтому проект превратился в полноценную задачу по разработке корпоративного сайта — с технической адаптацией сложного визуального решения, сохранением исходного дизайна и созданием дополнительной функциональности.
Дополнительно разработали две важные для компании системы: каталог вакансий с фильтрацией по регионам и городам и автоматическое формирование Word-документа из заполненной HR-анкеты.
Задача
Первоначальное техническое задание было достаточно конкретным: реализовать предоставленный заказчиком дизайн сайта на WordPress.
Дизайн полностью предоставлялся в Figma. От нас требовалось выполнить верстку и собрать рабочий корпоративный сайт на CMS.
Но уже на этапе реализации стало понятно, что исходный макет требует значительно больше технической работы, чем обычная верстка готового корпоративного сайта.
В дизайне использовалось большое количество фоновых изображений и графических элементов, сложные композиции и нестандартное расположение блоков. При этом макет не был полноценным адаптивным дизайном, поэтому для мобильных устройств и промежуточных разрешений требовалось самостоятельно определить поведение элементов.
При этом нашей задачей было не упростить дизайн, а сохранить его максимально близко к оригиналу.
Кроме визуальной части, необходимо было реализовать функциональность для HR-отдела:
- каталог вакансий;
- фильтрацию вакансий по регионам и городам;
- возможность самостоятельно добавлять новые вакансии;
- возможность создавать новые регионы и города;
- две большие анкеты;
- автоматическую обработку данных анкет;
- формирование готового Word-документа по шаблону HR.
Решение
Мы реализовали корпоративный сайт на WordPress, сохранив исходную визуальную концепцию заказчика и адаптировав сложный Figma-макет под реальные разрешения экранов.
Pixel perfect-верстка сложного Figma-макета
Основной сложностью проекта стала именно реализация дизайна.
Готовый макет выглядел хорошо в Figma, но его техническая реализация требовала отдельной проработки.
Большое количество фоновых изображений, графики и нестандартных композиций означало, что стандартным подходом к адаптивной верстке здесь было не обойтись.
Мы последовательно проработали desktop-, планшетные и мобильные состояния, адаптировали расположение элементов и добились максимально точного соответствия готовому дизайну.
В результате исходный макет был реализован практически pixel perfect — без упрощения ключевых визуальных решений.
Каталог вакансий с фильтрацией
Второй важной частью проекта стала разработка кастомного каталога вакансий.
Нам было необходимо сделать так, чтобы HR-отдел мог самостоятельно управлять вакансиями через WordPress.
Сотрудник HR может:
- создать новую вакансию;
- указать область;
- добавить город;
- выбрать нужную категорию;
- опубликовать вакансию.
На сайте эта информация автоматически используется в системе фильтрации.
Пользователь может выбрать нужный регион и город и увидеть только подходящие вакансии.
Таким образом, вместо статической страницы с вакансиями компания получила полноценный управляемый каталог с многоуровневой фильтрацией.
HR-отделу при этом не нужно обращаться к разработчикам при каждом изменении: новые вакансии, регионы и города добавляются самостоятельно через административную часть сайта.
Это тот же принцип, который мы используем при разработке сайтов с каталогом: каталог должен быть не просто набором страниц, а удобной системой управления структурированными данными.
Две большие HR-анкеты
Ещё одной нестандартной задачей стали две анкеты.
Каждая из них содержит до 44 полей, поэтому стандартной формы обратной связи здесь было недостаточно.
Необходимо было не только принять данные от пользователя, но и преобразовать их в формат, который непосредственно используется HR-отделом.
Автоматическое формирование Word-документа
Для этого мы разработали отдельный механизм обработки заполненных анкет.
После отправки формы система автоматически:
- получает все данные из анкеты;
- распределяет их по соответствующим полям;
- формирует Word-документ;
- использует для него утверждённый HR-шаблон;
- отправляет готовый документ на электронную почту HR-отдела.
То есть пользователь работает с обычной веб-формой, а HR получает уже готовый структурированный документ, оформленный по внутреннему шаблону компании.
Это один из тех случаев, когда сайт становится не просто корпоративной презентацией, а частью реального рабочего процесса компании.
Результат
В результате реализовали корпоративный сайт АЛЬЯНС 56 на WordPress по предоставленному заказчиком дизайну из Figma.
Несмотря на то, что первоначальная задача заключалась в верстке готового макета, в процессе разработки потребовалась серьёзная техническая работа с адаптивностью, фоновыми изображениями и сложными композициями.
Мы сохранили исходную визуальную концепцию и довели сайт до полноценной адаптивной pixel perfect-реализации.
Кроме того, разработали две отдельные кастомные системы.
Каталог вакансий
HR-отдел получил возможность самостоятельно:
- создавать вакансии;
- добавлять регионы;
- добавлять города;
- управлять категориями;
- публиковать и обновлять вакансии.
На стороне сайта пользователи получают удобную фильтрацию вакансий по региону и городу.
Система HR-анкет
Реализовали две большие анкеты до 44 полей.
После заполнения данные автоматически преобразуются в Word-документ по шаблону HR и отправляются на почту отдела кадров.
Таким образом, сайт решает сразу несколько задач: представляет компанию, позволяет управлять вакансиями и автоматизирует часть внутреннего HR-процесса.
В итоге разработали
- корпоративный сайт на WordPress;
- адаптивную реализацию дизайна из Figma;
- pixel perfect-верстку сложного макета;
- работу с большим количеством фоновых изображений и графических элементов;
- кастомный каталог вакансий;
- фильтрацию вакансий по регионам и городам;
- управление регионами и городами из WordPress;
- две HR-анкеты;
- формы до 44 полей;
- автоматическое формирование Word-документа;
- формирование документа по шаблону HR;
- автоматическую отправку готового документа в HR-отдел.
Модернизация корпоративного сайта ОПТОН на WordPress с сохранением сложной функциональности
Разработка сайта для компании VEGA
Разработка мультиязычного интернет-магазина для ELATO
Разработка сайта для промышленной компании Mia Pro
Разработка корпоративного сайта АЛЬЯНС 56
Создание корпоративного сайта для архитектурной компании АЛБИ ГРУПП
Иногда решение — новый сайт. Иногда — редизайн, каталог, интеграция, SEO или развитие существующего продукта. Сначала разбираемся, что действительно нужно изменить.
