RFMODELS. Редизайн и разработка многостраничного сайта для одного из крупнейших модельных агентств России
RFMODELS входит в число крупнейших модельных агентств России, и их сайт должен был соответствовать этому статусу. Мы сделали редизайн многостраничного сайта так, чтобы он не просто выглядел премиально, а работал как инструмент подбора: быстро, логично и без потери контекста даже на большой базе моделей и тяжелом медиа контенте.
Задача: премиальный визуал без потери конверсии
RFMODELS уже много лет на рынке: у агентства были сайт и соцсети, а запрос был не про масштабирование, а про обновление уровня подачи. Сайт регулярно открывают на встречах и показах, когда бренд принимает решение, можно ли доверять агентству и его процессам.
Ключевая задача: упаковать агентство в современный и стильный корпоративный сайт, который помогает привлекать бренды и моделей, ускоряет подбор и коммуникацию, и при этом выдерживает большой объем медиаконтента без просадок по скорости.
В премиальном сегменте чаще всего ломают UX ради «картинки». Мы выстроили процесс наоборот: сначала структура и сценарии, потом визуальная концепция, дизайн-система и кастомная разработка.
Мы зафиксировали 3 цели, которые сайт обязан закрывать:
- Удерживать баланс эстетики и конверсии. Премиальный визуал, но сценарий понятен за минуту: куда нажать, как выбрать, как забронировать модель. Фото должны быть крупными и «дорогими» по восприятию, без лишних кликов и потерь в навигации.
- Выдерживать тяжелый контент (когда в карточке десятки фото и видео). 200+ моделей и неограниченное количество медиа в карточках, оптимизация и управление контентом из админки.
- Учитывать разные аудитории и сценарии. Упростить коммуникацию с клиентами. Брендам важны скорость подбора и ощущение уровня агентства; будущим моделям нужен понятный путь «как попасть» и куда писать. Заявки и подборки должны уходить на почту, без сценария «войдите в систему, чтобы посмотреть».
Подход: ресерч ниши, сценарии ЦА и прототипирование до дизайна
Мы начали с аналитического спринта: разобрали, как именно клиенты выбирают моделей и где чаще всего ломается путь к заявке. В модельной нише редко ищут по росту или цвету глаз, чаще клиент либо знает конкретное имя, либо отправляет ТЗ букерам (менеджерам) и получает подборку. Это стало основой UX-логики.
Что сделали на этапе аналитики:
- Собрали сегменты и сценарии: бренды, журналы, продакшены, кастинги. Для одних важна скорость просмотра портфолио, для других прозрачный процесс согласования через менеджера.
- Провели конкурентный бенчмарк и ресерч аналогов: собрали референсы и прямых конкурентов (openupmodels, vprojectmodels и др.), смотрели паттерны карточек, навигацию, работу с медиа и мобильную логику.
- Зафиксировали ключевые вопросы клиента перед заявкой: доступность в дату, бюджет, качество портфолио, наличие снепов, возможность примерки. Эти возражения дальше закрывали структурой страниц.
Решение: дизайн-система, каталог моделей и разработка на React + WordPress
Этап 1: Прототипирование
Мы проектировали сайт вокруг двух реальных сценариев: клиент либо ищет конкретную модель по имени, либо отправляет ТЗ и согласует выбор через менеджера. Поэтому структура многостраничника и ключевые экраны собирались на высокодетализированных прототипах так так, чтобы следующий шаг был очевиден за пару секунд: посмотреть портфолио -> отправить заявку.
Что заложили в UX на уровне требований:
- Карточка модели как рабочий инструмент, а не галерея. Два режима просмотра (карточками и плиткой), навигация стрелками, логика расширения ленты, а главное, залипающая плашка букинга при скролле, чтобы действие не терялось в длинном портфолио.
- Честная логика контента. Если у модели нет композитки (модельной визитной карточки), блоки и кнопки не показываются, чтобы интерфейс не выглядел «сломанным».
- Возврат в каталог без сброса контекста. При переходе из карточки обратно сохраняются сортировки и действия пользователя. Это мелочь, но она ускоряет сравнение моделей и снижает раздражение юзеров.
- Страница подборки для клиента. Здесь сценарий другой: пользователь не просто смотрит, а подтверждает выбор. Мы заложили залипающий инфоблок с сообщением от менеджера и реакции like/dislike.
Этап 2: Дизайн
Визуально сайт должен был считываться как премиальный продукт: чистая типографика, аккуратные сетки, сильные акценты, минимум визуального шума. Мы подготовили несколько вариантов первого экрана, а после выбора направления стиля собрали управляемую дизайн-систему в журнальной логике: 35 макетов с адаптивами, UI-kit и 2 раскадровки анимаций загрузки. Задача была сохранить глянцевую эстетику, но не сломать читабельность и сценарий.
Отдельно продумали контентные блоки, которые делают сайт «живым» и поддерживают премиальность: Faces, backstage, social media, блоки для прогрева брендов и рекрутинга моделей.
Этап 3: Разработка
Когда структура и дизайн были зафиксированы, перешли к сборке продукта так, чтобы визуальная часть не конфликтовала с производительностью. Реализовали кастомную разработку сайта на React + WordPress: React отвечает за скорость и интерактивные сценарии, WordPress за управление портфолио из админки (категории, сортировки, наполнение карточек, порядок медиа). Анимации собрали на GSAP, чтобы микроэффекты были частью опыта, а не декорацией. В итоге RFMODELS получил презентационно-конверсионный digital-инструмент, который одинаково хорошо работает в двух режимах: «быстро показать уровень агентства бренду» и «быстро собрать и согласовать подборку через менеджера». Что изменилось на уровне бизнеса и процессов: Этот проект показал классическую проблему премиального сегмента: если сделать «красиво», но не привязать дизайн к поведению аудитории, сайт превращается в галерею без заявок. Мы пошли от обратного: сначала CJM, сценарии и прототипы, затем дизайн и кастомная разработка корпоративного сайта с упором на скорость, управляемость контента и понятный путь к контакту. Если ваш сайт выглядит дорого, но клиенты все равно взаимодействуют только через мессенджеры и соцсети, чаще всего проблема не в визуале, а в сценариях и архитектуре. Оставьте заявку и мы подберем решение именно для вашего проекта.
Результаты: как редизайн превратил сайт RFMODELS в рабочий инструмент бизнеса
Вывод: премиальный сайт может продавать, если его собрать вокруг сценариев
