Редизайн сайта франшизы Subway: провели аудит, улучшили UX/UI

Клиент

Subway (Subjoy в России) — это крупнейшая в мире сеть ресторанов быстрого обслуживания, которая предлагает сэндвичи, салаты и роллы.

Задача — разработка дизайн сайта франшизы Subway

Провести UX/UI аудит сайта Subway для франшиз, а также подготовить дизайн-концепт с новыми решениями.

Как мы проводим UX/UI аудит: исследование конкурентов

Берем лучшее и обращаем внимание на минусы

В рамках аудита мы проанализировали сайты конкурентов на рынке франчайзинга и быстрого питания. Выделили удачные находки, а также заметили слабые места, которые стоит учесть при разработке дизайна сайта Subway.

У Додо Пиццы понравился блок с предложениями по продаже готовых ресторанов для потенциальных партнёров.

На сайте Carl’s Jr. удобная анкета для подачи на возможное помещение — это упрощает коммуникацию с владельцами недвижимости.

У Ded Ho обратили внимание на кейсы действующих франчайзи с возможностью связаться с ними напрямую. Аналогичный подход использует CoffeeShop Company.

У Pims Tea отметили верхнее меню и ярко выделенные CTA-элементы («Связаться с нами», «Оставить заявку»). Все эти решения мы учли при разработке концепта обновлённого сайта Subway.

Ключевые проблемы страницы «5 шагов к открытию ресторана»

Страница не выполняет свою функцию

Страница не продаёт идею франшизы, не вызывает доверия, не удерживает пользователя, не отвечает на главные вопросы. Создаётся ощущение, что её делали «для галочки» много лет назад и с тех пор не трогали.

Внешний вид сильно устарел

Всё ощущается визуально и технически устаревшим: от стиля иконок до структуры страницы. На фоне современных посадочных страниц — страница франшизы Сабвея проигрывает во всем, несмотря на очевидные преимущества самого бренда. На странице не используются фотографии, кейсы, видео или реальные примеры. Это снижает уровень доверия и интереса.

Недостаток вовлечения пользователя

Контент представлен линейно, без интерактива. Пользователь пассивно прокручивает текст, не взаимодействует со страницей. Отсутствует подогрев интереса или обещание ценности.

Тональность и структура текста слишком формальные

Тексты написаны формально, с избыточной деловой лексикой. Эмоциональный контакт с читателем не выстраивается. При этом даже сильные конкурентные преимущества бренда воспринимаются менее выразительно из-за сдержанной подачи.

Что нужно сделать для исправления

Обновить концепцию страницы и её цель

Определить задачу страницы — продать идею франшизы, вызвать интерес, снять страхи и привести к заявке. Перепроектировать структуру под эту цель: сделать страницу не просто информационной, а конверсионной.

Провести разработке дизайна сайта Subway с учётом современных UI-практик

Уйти от устаревших элементов (иконок, блоков без воздуха, перегруженного текста) и сделать дизайн свежим, уверенным и визуально чистым.

Создание воронки с акцентом на вовлечение и доверие

Заинтересовать и провести пользователя через весь сайт, чтобы подготовить его к ключевому действию (оставить заявку).

Сделать тексты более живыми и понятными

Следует отказаться от излишне формального или канцелярского стиля. Вместо этого использовать простой, дружелюбный и уверенный язык, который транслирует поддержку, доступность и уверенность.

Как мы проводим UX/UI аудит

Исследование конкурентов: берем лучшее и обращаем внимание на минусы

Мы проанализировали сайты конкурентов, предлагающих франшизы. Это такие компании, как Цех 85, One Price Coffee, а также сети вроде Dodo Pizza, рестораны, кафе и различные забегаловки, у которых есть франшизные предложения.

Благодаря этому анализу мы сформировали структуру и ключевые блоки, которые обязательно должны быть на сайте франшизы. Среди них:

• Блок с преимуществами
• Блок с цифрами и доходностью — то, что важно для потенциального франчайзи
• Условия сотрудничества — какие есть форматы, как можно открыть ресторан
• Отзывы
• Call to Action (призывы к действию)
• Целевой CTA

На нашем сайте с франшизой мы разместили CTA «Оставить заявку» сразу в хедере. Задумано, что кнопка будет «преследующей» — всегда доступной на экране, хотя сейчас это визуально не реализовано. Тем не менее, она ведёт к основному блоку заявки.

Главный экран

Первый экран сайта — это главное предложение с основными преимуществами. Мы делаем акцент на том, что речь идёт о бренде №1 в мире по количеству ресторанов. Это бренд с высокой узнаваемостью, стабильной прибылью и устойчивостью — всё это подчёркивает надёжность и привлекательность франшизы. Эту информацию пользователь получает сразу при заходе на сайт.

Далее идёт блок с преимуществами — оформлен в виде карточек, где наглядно показано, чем хорош Subway как бизнес.

Следом — блок про деньги и окупаемость. Мы специально сделали цифры крупными и заметными, потому что они действительно привлекательные:

• 12 млн ₽ — доход в месяц
• 2 месяца — срок запуска
• 10 месяцев — окупаемость

Рассказали горячую новость компании

Следующий блок — о новом дизайне ресторанов Subway. Мы нашли информацию о том, что в 2025 году бренд обновляет интерьер по всему миру. Использовали официальные 3D-рендеры и изображения новых ресторанов. Сформировали своего рода мудборд с визуалом.

Этот блок нацелен на молодую аудиторию, так как у Subway есть репутация не самой зумерской сети. Новый дизайн и обновлённый стиль должны помочь освежить восприятие бренда и привлечь более прогрессивную аудиторию.

Далее — условия сотрудничества. Это стандартный, но необходимый блок: паушальный взнос, ежемесячные платежи, затраты. Поскольку цифры здесь не такие громкие, как в предыдущем блоке, подача чуть более сдержанная.

Затем — форматы франшиз. Сейчас предусмотрены два:

• Стационарный ресторан
• Ресторан на фудкорте

Для каждого варианта мы использовали фото с новым дизайном Subway и оформили в виде карточек. Можно сравнить форматы по площади, обороту, инвестициям и сроку окупаемости. Также есть краткое описание и кнопка «Узнать подробнее», чтобы пользователь мог сразу перейти к интересующему его формату.

Блок с шагами к открытию ресторана

Чтобы информация не занимала слишком много места, мы реализовали горизонтальный скролл с прогресс-баром (шаг 1, шаг 2 и т.д.). Это компактно и удобно: не выглядит как длинная статья, а воспринимается легко и быстро.

Результаты наших партнёров / франчайзи

Это отзывы с фотографиями, указанием имени, фамилии, возраста и города. Такой подход создаёт эффект персонализации, сближает потенциального франчайзи с теми, кто уже открыл ресторан. Особенно, если они из одного города или похожего возраста — это повышает доверие. Также мы добавили ссылки на Telegram — можно связаться, задать вопросы, убедиться, что это реальные люди. Пусть фото и сгенерированы, но истории — настоящие.

Форма заявки

Призыв: «Оставьте заявку, и мы ответим на все ваши вопросы». Именно в этот блок ведёт преследующая кнопка «Оставить заявку». Здесь можно ввести имя, фамилию, телефон, e-mail, город и комментарий, чтобы отправить форму.

В футере — ещё два дополнительных варианта:

• Предложить помещение — отдельная форма для владельцев недвижимости.
• Купить готовый ресторан — опция для тех, кто хочет приобрести уже действующий бизнес.

Эти две опции добавлены по запросу заказчика — на случай, если кто-то из текущих партнёров решит продать франшизу. Таким образом, можно легко найти мэтч — один хочет выйти, другой зайти.

Смотрите, как мы обновили главный сайт компании для клиентов.