Как мы создали сайт-конфигуратор для лидера рынка сценического оборудования
О проекте
Big Stage — лидер на рынке проката профессионального сценического оборудования в УрФО с 20-летней историей и портфолио из 4000+ реализованных проектов.
Наши результаты
Разработали полноценный рабочий инструмент на основе эстетичного сайта, который решает задачи бизнеса, помогает клиенту самостоятельно сформировать техническое решение и усиливает восприятие бренда как эксперта в своей области.
(ранее 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 как лидера рынка своей сферы в УрФО.
– Путь клиента к заказу сократился, а нагрузка на менеджеров снизилась.
– Мы продолжаем развивать сайт, анализируя поведение пользователей и дорабатывая функционал конфигуратора.