RENDEZ-VOUS.RU
ИНТЕРНЕТ МАГАЗИН МОДНОЙ
ОБУВИ И АКСЕССУАРОВ ДЛЯ ВСЕХ
О клиенте
Крупнейшая Российская мультибрендовая сеть магазинов, предлагающая обувь, сумки и аксессуары от более чем 100 европейских и мировых брендов. Компания, основанная в 2000-х годах, управляет более чем 100 розничными магазинами по всей России и собственным интернет-магазином, предлагая своим клиентам высококачественные товары(обувь, сумки, аксессуары и многое другое), а также бесплатную доставку, ремонт и профессиональную консультацию
Задача
Основной задачей для клиента, было оптимизировать, привести в порядок и систематизировать существующий сайт через разработку организованной дизайн системы, приведение к единой стилистике всех направлений продукта, выстраивание процессов между командами разработки/маркетинга, создания инструмента для экономии ресурсов на разработку рекламных компаний и возможность сделать процессы прозрачными и понятными для каждого из участников проекта.
Решение
Практически полный редизайн сайта с учетом пользовательского поведения, упрощения пути к покупке товаров и удобному функционалу с акцентом на сохранении ститистической выдержанности сайта. Главные страницы, страницы конкурсов, личные кабинеты, формы оформления заказов и многое другое было разработано в рамках продукта Rendez-Vous.
150+
Переработанных страниц
3000+
Адаптаций рекламных компаний
1000+
Оптимизированных часов
на разработку
Поиск и анализ проблем
Анализ рынка конкурентов
Ведение и контроль бэклога
Организация процесса сбора требований от бизнес заказчиков
Внедрение системы распределения нагрузки
Организация процесса анализа и постановки задач на команды
Транслирование информации на все команды по общему уровню загрузки и роадмапов проектов
Анализ аудитории
Анализ существующих проблем
Консультация компаний подрядчиков (рекламные агенты/партнерские системы)
Создание новой дизайн системы (UI-Kit’s)
Создание библиотеки новых компонентов
Поддержка существующей дизайн системы (UI-Kit’s)
Сбор требований к каждому из продуктов
Создание и внедрение новой дизайн-системы
Организация процессов
Разработка гайдлайнов и контроль качества
Ревью и тестирование продуктов
PixelPerfect ревью
Курирование руководителей и дизайнеров в правила новой дизайн системы
Разработка и описание карт пользовательский путей
Консультация команд маркетинга и разработки (более 50 человек)
Лоббирование и защита принятых в дизайн системе решений
Проведение A-B-C тестов
Ведение проектной документации
Создание многоуровневой системы версионности дизайн системы
Обучение сотрудников
Рекомендации к команде аналитиков по разметке карт пользовательский путей для анализа пользовательского опыта взаимодействия с продуктами компании
Проведение ревью тестирований и контроля качества
Консультация разработчиков и менеджеров по продуктам
Совместная работа с менеджерами и разработчиками по оптимизации
Проектирование интерфейсов в Figma с учётом гайдов и адаптация на Mobile и App
Создание креативных концепции, основанных на продуктовых требованиях
Тесное взаимодействие с отделом разработки (свыше 25 человек)
Формирование долгосрочного развития продукта
Главная страница
В рамках обновления главной страницы сайта Rendez‑Vous.ru фокус был направлен на три ключевых направления: дизайн, архитектуру пользовательских сценариев и маркетинговые решения — на основе поступающих от бизнес‑заказчиков задач по оптимизации и доработке функционала продукта. Задача состояла не в полной перезагрузке интерфейса, а в точечных, но значимых доработках: они должны были усилить конверсионность, повысить удобство навигации и более точно донести до конечного пользователя ключевые маркетинговые сообщения и решения бренда.
На этапе аналитики было детально проанализировано поведение пользователей на текущей версии главной страницы: изучили тепловые карты, воронки переходов и основные точки отказа. Такой подход позволил выявить слабые места текущей версии — например, перегруженность первого экрана и неочевидные пути к ключевым разделам (новинки, акции, подбор по категориям).
Основная задача клиента состояла в том, чтобы повысить имиджевую составляющую продукта и в первую очередь дать клиентам возможность видеть самые актуальные новинки и акции по представленным брендам и товарам.
Навигационный каталог был полностью переработан: он позволяет чётче сегментировать аудиторию по разным признакам и даёт представление об обширности ассортимента — благодаря прозрачной визуальной структуре, адаптированной под различные потребности пользователей.
Дополнительно на первом экране для пользователя выделен новый Fashion‑блог. Он знакомит аудиторию с трендами в мире моды, демонстрирует подборки образов для разных мероприятий, сезонов и коллекций. Блог помогает формировать постоянную аудиторию с высокой долей повторных визитов, а также позволяет покупать готовые подборки прямо со страницы.
Страница собрана по модульному принципу — это даёт возможность гибко менять приоритетность контента за счёт быстрой перестановки блоков. Такой подход позволяет эффективнее управлять вниманием пользователя и выстраивать последовательность подачи материалов с учётом множества факторов. Например, при изменении погодных условий в приоритетную зону выводятся блоки с актуальными предложениями, соответствующими текущим запросам аудитории. Это обеспечивает своевременную актуализацию контента в соответствии с ситуацией на fashion‑рынке.
Кроме того, на главной странице отображаются актуальные новости из социальных сетей — это способствует росту активности в соцсетях и увеличению аудитории в мессенджерах и на площадках соцсетей.
Блок «Предложения недели» на сайте Rendez‑Vous — это подборка актуальных позиций с акцентом на выгодные условия покупки. На примере ботинок видно, как блок решает сразу несколько задач: привлекает внимание к конкретным моделям, стимулирует быстрые решения и повышает конверсию за счёт прозрачной ценовой политики с акцентом на скидках и привлекает к себе дополнительное внимание за счет зацикленной анимации смены товаров.
Центральное место занимает крупное фото модели — в данном случае ботинок. Такой акцент помогает пользователю мгновенно оценить модель и при желании изучить все предложения данного блока за счет добавления функциональных кнопок смены товаров. В дополнительную мотивацию к данному блоку был добавлен формат отображения на экране только трех моделей товаров - остальные предложения скрыты за скроллингом и ведут пользователя в углублённое взаимодействие с блоком за счет желания узнать какие предложения еще скрываются в рамках данной акции за скрытым листингом.
Данный подход к формированию блока позволил акцентировать внимание пользователя на изучении блока и представленных в нем товарных позиций, а так же заложить сценарий еженедельного возврата пользователя на сайт за счет обновляемого ассортимента товаров.
Блок «Тренды» направлен сразу на несколько категорий аудитории и закрывает разные направления потребностей аудитории. В рамках блока присутствует сегментация, которая в зависимости от контента и поставленных перед блоком целей ведет в разные категории сайта.
Сам блок анонсирует новости из Fashion направления с возможностью ознакомиться с новостями из современных тенденций и перейти в отдельную категорию сайта с подборками новостных направлений, Fashion подборок и интервью от популярных дизайнеров, рассказывающих о современных тенденциях в мире моды и обозревающие все инфоповоды и новые коллекции.
В рамках блока так же анонсируются предстоящие мероприятия, в том числе в которых активно учувствует компания Rende-Vous. Клиента всегда может прийти на сайт Rendez-Vous для ознакомления с самыми актуальными новостями из мира моды или найти модный образ на любой случай.
Второй блок «Тренды» выстроен как многоуровневый контент‑модуль: он не просто повторяет данные из другого разделп, а переосмысляет и дополняет его за счёт нового формата подачи и расширенного медиаряда.
Ключевая особенность блока — насыщенная визуальная составляющая. В нём активно используются проработанные видеоматериалы: короткие ролики с показов, закулисные съёмки с бэкстейджа, динамичные распаковки коллекций и мини‑интервью со стилистами. Параллельно применяются анимационные презентационные материалы — например, анимированные карточки с ключевыми трендами сезона, «живые» коллажи образов, где элементы гардероба плавно сменяют друг друга, и интерактивные таймлайны, демонстрирующие эволюцию тренда от подиума к уличному стилю. Такой микс видео и анимации делает восприятие информации более вовлекающим и позволяет донести сложные стилистические идеи в максимально доступной форме.
Новые плейсменты из 3х баннеров разной направленности, закрывающие разные потребности и дающие разный посыл. Блоки намеренно разделены по смысловой нагрузке с целью сегментации исходя из потребностей разной аудитории:
Главный плейсмент-баннер — отражает и анонсирует все актуальные и самые новые акции, спец-предложения и новости компании Rendez-Vous. Для данного размещения разрабатывались шаблонизированные форматы разработки баннеров и адаптивных версий как для мобильных версий размещения, так и для рекламных сетей-партнеров. Были описаны четкие гайдлайны и правила оформления рекламных материалов как для внутреннего использования на сайте Rendez-Vous и так-же разработаны, описаны и подготовлены все необходимые материалы для автоматизации процесса разработки рекламных материалов.
Акционный Sale-баннер - разработан для анонса конкретных скидок в определенных категориях или сезонных предложениях. Данный баннер всегда проработан в контрастирующем стиле и всегда делает акцент на скидках или сезонных предложениях с большим размером скидок.
Третий блок - Модель дня. Делает фокус на конкретный товар обновляющийся каждый день и имеет вариативность определенной скидки в рамках только одного дня. Плейсмент «Модель дня» с ежедневно-обновляемым товаром, формирует микро‑воронку: пользователь видит товар и может сразу перейти к покупке, с возможностью вернуться на следующий день и проверить какой товар был представлен каждый новый день.
Данный подход, позволил реализовать удовлетворения потребности разных сегментов потребителей и нацелен на решений разных задач - разработка подобного подхода в рамках первого экрана, дала широкие возможности как для работы с уже имеющейся аудиторией, так и для работы с новыми клиентами и возможность проводить исследования в рамках разных маркетинговых предложений с разным визуальным подходом и механиками, дающие количественные показатели конверсии по тем или иным подходам и дающие возможность, формировать более привлекательные подходы к формированию рекламных компаний дающих наибольшую конверсию за счет понимания ценностей аудитории.
В виде дополнительного варианта реализации маркетинговых спецпроектов, был проработан вариант синхронизации всех 3-х блоков в общую визуальное оформление. Подобный подход позволил синхронизировать визуальную стилистику трех блоков и сделать дополнительные анимации, например для правого верхнего блока со сменными представленными в рамках акции, товарными позициями. Благодаря подобному подходу - первый экран получил возможность анонсировать спецпредложения в рамках всего первого экрана.
Новые категории,
каталог и листинг
Новое выпадающее меню каталога реализует баланс между информативностью и скоростью доступа к категориям: пользователь получает полный обзор ассортимента, не покидая текущую страницу, и при этом не теряется в избытке информации.
Структурное решение.
Для удобства навигации пользователей была выбрана трёхуровневая система вложенности категорий и субкатегорий. На первоначальном этапе мы предлагаем пользователю выбрать гендерное направление. Вторым уровнем — в том числе в первую очередь — мы направляем пользователя в сразу открывающуюся подкатегорию со скидками и выгодными предложениями по направлениям моделей или сезонным предложениям. Далее пользователю открывается сквозное меню выбора интересующей категории, и дополнительно мы даём возможность выбрать конкретный сегмент моделей. Для каждого сегмента были разработаны визуальные акценты, работающие как подсказки для пользователя, если он не знает, как выглядит тот или иной сегмент обуви или аксессуаров.
Также в дополнение было разработано смежное направление в виде классификации по брендам с возможностью изучить множество представленных брендов на отдельно разработанной под этот формат поиска странице. На ней пользователь может ознакомиться с историей самого бренда, оригинальными сертификатами, подтверждающими партнёрство с компанией «Рандеву», изучить последние опубликованные отзывы на совершённые клиентами покупки товаров данного бренда из всех или конкретно выбранных сегментов, а также ознакомиться со всем ассортиментом конкретного бренда — он будет перенаправлен на страницу с заранее преднастроенными фильтрами под конкретный бренд.
Дополнительно в рамках выпадающего блока категорий товаров были проработаны дополнительные плейсменты для размещения рекламных материалов при необходимости, а также предусмотрена дополнительная возможность анонсировать рекламные кампании и акции, проводимые в рамках тех или иных активностей.
Визуальные решения.
Основной фон меню — светлый, с лёгкой тенью и скруглениями, чтобы визуально отделить его от контента страницы. Текст — тёмный, средней контрастности, шрифт — тот же, что используется в основном интерфейсе Rendez‑Vous, для сохранения стилистической целостности.
Блок фильтров на изображении — это инструмент сужения ассортимента в каталоге интернет‑магазина (в данном случае для Rendez‑Vous). Его дизайн и логика выстроены так, чтобы пользователь быстро находил нужную обувь, не перегружаясь избыточными опциями.
Дизайн:
Минималистичная типографика — чёткие заголовки и нейтральные подписи без декоративных элементов помогают сфокусироваться на содержании.
Иерархия разделов — крупные заголовки «ОСНОВНЫЕ ФИЛЬТРЫ» и «ДЕТАЛИ» визуально отделяют базовые и уточняющие параметры, упрощая навигацию.
Единообразные элементы управления — иконки «+» справа от каждой строки задают предсказуемый паттерн взаимодействия: пользователь понимает, что по клику откроется список значений.
Сдержанная цветовая схема — нейтральные оттенки фона и текста не отвлекают от выбора, а акцентный цвет (розовый маркер справа) может обозначать активный фильтр или подсказку.
Логика работы:
Приоритет по значимости — в «ОСНОВНЫЕ ФИЛЬТРЫ» вынесены параметры, которые чаще всего определяют выбор (тип, бренд, размер, цена, цвет). Это сокращает путь к релевантным товарам.
Детализация по нисходящей — раздел «ДЕТАЛИ» содержит узкоспециализированные характеристики (вид кожи, тип каблука, материал подкладки). Они нужны для финального уточнения, когда круг вариантов уже сужен.
Последовательность выбора — пользователь сначала задаёт ключевые критерии (например, «ботинки», «размер 38», «до 15 000 ₽»), а затем уточняет нюансы (например, «натуральная кожа», «устойчивый каблук»).
Масштабируемость — структура с раскрывающимися списками позволяет добавлять новые значения (новые бренды, типы подошвы) без изменения макета.
Для Rendez‑Vous такая логика особенно уместна: ассортимент обуви разнообразен, и чёткое разделение на «основное» и «детали» помогает клиенту не потеряться в вариациях, сохраняя при этом возможность тонкой настройки поиска.
Блок «Быстрый просмотр товара» в интерфейсе Rendez‑Vous выстроен вокруг принципа «всё важное — сразу»: в фокусе — название модели и цена, причём зачёркнутая старая стоимость подчёркивает выгоду покупки. Акцентная розовая кнопка «Добавить в корзину» служит однозначным ориентиром для целевого действия, а компактная двухколонная подача характеристик (материал, подкладка, страна бренда) сохраняет информативность без перегрузки экрана. Миниатюра «Варианты модели» и линейка кнопок размеров позволяют пользователю быстро оценить альтернативы и подобрать нужный размер, не покидая текущий контекст.
Логика блока направлена на сокращение пути к покупке: вся критичная информация — фото, цена, размер, материалы, CTA‑кнопка — собрана в едином визуальном контейнере, чтобы минимизировать количество кликов. Прозрачность ограничений реализована через приглушённые кнопки отсутствующих размеров и явный статус «Недоступен для брони», что заранее информирует о доступности и снижает риск разочарования. Дополнительно предусмотрена мотивация для лояльных клиентов — ссылка «Узнать цену по Privilège» побуждает авторизованных пользователей проверить персональную скидку.
Для премиального сегмента Rendez‑Vous такая структура особенно уместна: демонстрация качества (натуральная кожа, Италия) укрепляет доверие к выбору, а продуманная иерархия данных и выразительные акценты ускоряют принятие решения, сочетая эстетику бренда с практической эффективностью интерфейса.
Преработка КТ, апсейлов и сервисов
Дизайн карточки товара на сайте Rendez‑Vous оптимизирован с упором на удобство выбора и прозрачность информации — это повышает конверсию и снижает количество отказов из‑за нехватки данных.
Ключевые улучшения страницы:
Чёткая визуальная иерархия цены и акций. Крупно выделена основная цена, сразу под ней — акционная по Mastercard и пометка о скидке по премиальнйо программе Privilège. Пользователь мгновенно видит выгоду и варианты экономии, не тратя время на поиск, а разработанная бонусная система Privilège дает постоянным клиентам возможность экономить и участвовать в парнерский программах компании Rendez-Vous.
Центральное место фото товара. Крупное изображение туфли на нейтральном фоне без лишних деталей позволяет детально рассмотреть модель. Под фото — индикатор слайдов: точки навигации интуитивно понятны и не отвлекают.
Каталог, быстрый просмотр товаров и фильтры
Описание проекта находится в обработке
Магазины
и навигация
по магазинам
Описание проекта находится в обработке
Редизайн личного кабинета
и оптимизация механик
Описание проекта находится в обработке
Партнерские системы
Описание проекта находится в обработке
Партнерские системы
Описание проекта находится в обработке