Как «Тюменский ЦУМ» выгодно обновил сайт на Битриксе: в срок, качество как в Москве и на 30% дешевле

1. Вводная задача от заказчика, проблематика, цели

1.1. Цели проекта

В последний раз «Тюменский ЦУМ» обновлял сайт в 2013 году. За пять лет поменялось многое: изменились технологии, появились новые сильные конкуренты, агрессивно отбирающие трафик, изменились сценарии выбора и покупки, а за ними изменились потребности арендаторов.

Текущий сайт заказчика на самописной CMS уже морально устарел, не решал задачи пользователей и не помогал зарабатывать арендаторам.

Поэтому заказчик сформулировал цели проекта так:

• сделать сайт удобным для пользователей;

• соответствовать требованиям поисковых систем Яндекс и Гугл;

• обеспечить качественный рост целевого трафика;

• способствовать повышению лояльности к бренду через удобство пользования на любом современном устройстве.

Среди требований к проекту заказчик выделил дизайн сайта: чтобы был современный и соответствовал утвержденному бренд-буку.

1.2. Выбор исполнителя работ

Исполнителя работ заказчик определял путем сравнения предложений нескольких подрядчиков по критериям: качество предложенной концепции, срок и цена.

Качество концепции. Работу над предложением мы начали с исследования и проработки концепции по методике Skillbox’a. Результат защитили перед комиссией заказчика. Предложенный вариант понравился.

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

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

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

Цена. В конкурсе участвовали иногородние компании, но они оказались дороже на 30-100%. Всё дело в себестоимости: труд, аренда офиса и услуги в регионах дешевле.

2. Что мы сделали, с какими трудностями столкнулись и как их решили

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

Новый сайт мы создавали так:

• Сначала мы выполнили маркетинговый анализ клиентов и конкурентов.

• Далее сделали прототипы интерфейса сайта.

• После прототипов разработали дизайн сайта.

• По готовому дизайну сверстали дизайн-макеты.

• После дизайна и верстки выполнили программирование на 1С-Битрикс.

• Далее настроили веб-аналитику.

• Выполнили SEO-оптимизацию.

• Наполнили сайт контентом.

• Обучили заказчика работе с сайтом.

• Опубликовали сайт в сети Интернет.

• Провели финальную презентацию в формате «обещали → сделали».

У каждого магазина ЦУМа теперь есть персональная страница на сайте. На ней можно ознакомиться с брендами, действующими акциями и посмотреть фото магазина.

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

2.3.3. Разработали дизайн страницы акции

Для удобства поиска акции разбиты на категории. На сайте отображаются только идущие и будущие акции.

Пожалуй, это самая полезная для покупателей страница сайта.

2.4. Выполнили все технические задачи

После разработки дизайна мы выполнили все технические задачи:

• По готовому дизайну сверстали дизайн-макеты.

• После дизайна и верстки выполнили программирование на 1С-Битрикс.

• Далее настроили веб-аналитику.

• Выполнили SEO-оптимизацию.

• Наполнили сайт контентом.

Из особенностей проекта отметим следующие разделы: «План универмага», «Аренда», «О нас», «Инфокиоск».

2.4.1. Разработали раздел «План универмага»

Разработка плана торгового центра оказалась одновременно интересной и сложной задачей.

Мы учли все возможные сценарии использования плана: поиск магазина со смартфона или планшета, поиск конкретного магазина или поиск категории товаров. Например кого-то интересует только женская обувь.

Из трудностей отметим, что сложно было обрабатывать планировки. Заказчик предоставил файлы AutoCAD, а нам пришлось переделывать их для плана из плоских в псевдо-3D.

2.4.2. Разработали раздел «Аренда»

Интерактивный план присутствует и на странице «Аренда». На плане указаны площади помещений и их назначения. Теперь потенциальный арендатор может ознакомиться с планировками и оставить заявку на интересующую его площадь.

2.4.3. Сделали версию сайта для инфокиоска

Сенсорный инфокиоск расположен на первом этаже ЦУМа. Инфокиоск выполняет роль навигатора по торговому центру.

Для инфокиоска мы разработали отдельную версию сайта : убрали все лишнее → изменили верстку → добавили через многосайтовость новую версию сайта → вывели на инфокиоск.

2.4.4. Разработали раздел «О нас»

Страницу решили сделать в виде лонгрида с отдельной навигацией. Таким образом мы знакомим пользователя с ЦУМом и его историей.

2.4.5. Интегрировали с Instagram

Предварительные исследования целевой аудитории указали на влияние соцсети Instagram на лояльность бренду.

Поэтому мы разработали специальный модуль для Битрикса, который автоматически публикует последние пять публикаций из группы Instagram на сайте. Пользователь сразу видит качественный контент и это побуждает его стать подписчиком группы ЦУМа.

2.4.6. Настроили веб-аналитику

Если в офлайне отслеживать поведение покупателей затруднительно, то в веб-проектах измеряется почти все: источники трафика, целевые действия пользователей на сайте, состав заказов, доход и так далее.

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

В этом проекте мы спроектировали таблицу событий, настроили отправку микро- и макро-конверсий с сайта и их прием в Яндекс.Метрике.

2.4.7. Наполнили сайт контентом

Перед запуском сайта в работу мы наполнили его контентом. Из трудностей отметим, что на сайте много графического fashion материала. Изначально контента не хватало, из-за чего мы сами искали иллюстрации и потом переделывали из растра в вектор.

Эту рутинную работу мы взяли на себя, избавив от нее заказчика.

2.5. Запустили сайт в работу

Чтобы заказчик смог эффективно пользоваться функционалом Битрикса, мы подготовили инструкции и обучили сотрудников заказчика работе с сайтом.

Чтобы обеспечить гарантию от Битрикса мы прошли аудит сайта по официальной программе «Монитор качества», который включает в себя 66 тестов.

После завершения всех работ мы опубликовали сайт в сети Интернет. Для размещения сайта мы подобрали подходящий хостинг, соответствующий требованиям Битрикса.

В заключении мы провели финальную презентацию результата проекта заказчику, на которой мы подвели итоги по сценарию «обещали» → «сделали».

3. Результат

В результате мы в срок по договору сделали, что обещали:

• Придумали и реализовали сценарий навигации по магазинам. Старый сайт этого не позволял.

• Сделали сайт точкой входа для нового клиента. Теперь сайт показывает, какие бренды и товары продаются в торговом центре.

• Лично изучили потребности арендаторов и узнали, чем им может помочь сайт. В результате сделали сайт агрегатором спецпредложений и презентаций. Это ценно для арендаторов.

Теперь сайт ЦУМа — современный и удобный для пользователей. Дизайн выполнен по бренд-буку заказчика. Верстка адаптивная — корректно выглядит на компьютерах, планшетах и смартфонах.

Дополнительные выгоды проекта:

• С новым дизайном сайта можно смело давать медийную рекламу в Интернете. Это будет компенсировать отток покупателей.

• С помощью сайта можно корректировать размытие позиционирования торгового центра. Можно просто не публиковать информацию о некоторых арендаторах. Это создаст желаемое впечатление luxury-брендов на посетителя.

4. Заключение
4.1. Команда проекта

• Руководитель проекта — Григорьев Иван.

• Полевые маркетинговые исследования — Григорьев Иван, Егоров Александр.

• UX-проектировщик и веб-дизайнер — Козлов Игорь.

• Front-end разработчик — Угриновский Назарий.

• Back-end разработчики: Городецкий Илья, Невтыра Константин, Егоров Иван.

• Редактор кейса — Колупаев Вячеслав.

• Руководитель отдела маркетинга клиента — Бабусенко Светлана.

Чтобы начать разговор, позвоните по телефону +7 (495) 118-37-35 или напишите на e-mail sales@legacystudio.ru или оставьте заявку здесь: https://legacystudio.ru/order/. Мы отвечаем по будним дням с 09:00 до 18:00 MSK +02:00.

Ответим на вопросы, бесплатно проведем аудит вашего сайта, сделаем КП для директора.

Напишите на sales@legacystudio.ru и бесплатно получите шаблон для запроса коммерческого предложения (КП) на такое же обновление сайта.

4.3. Посмотрите ещё кейсы Legacy

• Промо-сайт и интернет-реклама производителя молочной продукции «Золотые Луга»: https://legacystudio.ru/portfolio/promo-sayt-i-internet-reklama-proizvoditelya-molochnoy-produktsii-...

• Корпоративный сайт Тюменской сервисной геофизической компании: https://legacystudio.ru/portfolio/korporativnyy-sayt-tyumenskoy-servisnoy-geofizicheskoy-kompanii/