Как мы создали сайт-конфигуратор для лидера рынка сценического оборудования

SEO
Разработка

О проекте

Big Stage — лидер на рынке проката профессионального сценического оборудования в УрФО с 20-летней историей и портфолио из 4000+ реализованных проектов.

Наши результаты

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

85%
Рост трафика
15%
Вернувшиеся пользователи
(ранее 3% вернувшихся на сайт)

Задача

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

1. Доверие.
Его внешний вид не соответствовал уровню компании, вызывая сомнение у крупных клиентов.

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

Решение

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

1. Погрузились в сферу
Изучили оборудование, старый сайт и конкурентов, чтобы говорить с аудиторией на одном языке/

2. Спроектировали интуитивный путь
Разработали структуру сайта, оптимизированную под быстрый доступ к портфолио и конфигуратору.

3. Усилили бренд
Создали визуал, который следует брендбуку, адаптируя его для digital-среды и делая более современным и технологичным.

4. Внедрили удобный конфигуратор сцен
Теперь пользователи могут:

 – cамостоятельно изучить и собрать любую конфигурацию сцены без помощи менеджера;

 – подобрать оборудование нужного формата;

 – сохранить свой проект и скачать или распечатать готовую спецификацию.

Общее видение проекта

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

Аналитика и проектирование

Мы проанализировали рынок и предложили клиенту две концепции на примере главной страницы:

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

Дизайн-код бренда

Кроме «бесконечной» ленты проектов на главной, фишкой сайта стали фирменные паттерны из треугольников и квадратов. Они работают на всех уровнях: как элементы фона, часть UI и даже в форме кастомного курсора на реализованных проектах. Это создает целостное и запоминающееся впечатление от бренда.

При разработке дизайна мы использовали современные средства графического дизайна и прототипирования. 

Инструменты, которые мы использовали при разработке дизайна:

– Adobe Photoshop;
– Figma.

Стек технологий

Аналитика: Яндекс Метрика
Дизайн: Figma, Adobe Photoshop
Фронтенд: HTML5, CSS3, PHP, CodeIgniter, Javascript, jQuery, PhpStorm
Бэкенд: MariaDB, Среда разработки.

Команда проекта

– Проектный менеджер;
– Дизайнер пользовательского интерфейса;
– Разработчик клиентской части,
– Разработчик серверной стороны, отвечающий за логику;
– Разработчик баз данных;
– Контент-менеджер;
– Веб-маркетолог.

Главная страница

Сразу за главным экраном размещены карточки с проектами. Мы подчеркнули их разнообразие и уникальность каждого через разные размеры карточек и разную скорость прокрутки колонок.

О компании

Немаловажной частью презентации компании на сайте является страница о компании. Она помогает сложить целостный образ компании.

Конфигуратор

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

Мой проект

Результаты подбора оборудования сохраняются в разделе «Мой проект», который выполняет функционал корзины.

Результат

Мы создали современный ресурс, который стал ключевым бизнес-инструментом и digital-лицом компании.

Стратегические результаты:

– Сайт усилил позиционирование Big Stage как лидера рынка своей сферы в УрФО.

– Путь клиента к заказу сократился, а нагрузка на менеджеров снизилась.

– Мы продолжаем развивать сайт, анализируя поведение пользователей и дорабатывая функционал конфигуратора.

Вам может быть интересно

Оставьте свои контакты, мы перезвоним





смотреть