Задача
IG PRO - технический продакшн мероприятий полного цикла: свет, звук, экраны, сцена, застройка, техническая дирекция от монтажа до демонтажа. За 14 лет - больше тысячи проектов, среди которых MTS True Tech Day, Positive Hack Days, QIWI ON/OFF Party, Merlion Digital Day и саммит Merz Aesthetics.
Проблема была не в отсутствии сайта, а в его несоразмерности: компания давно переросла то, как выглядит в интернете.
- дизайн не передавал масштаб: компания, которая ставит арену на тысячи человек, выглядела онлайн как небольшая прокатная студия
- проекты были перечислены, но не раскрыты - ни задач, ни объёма, ни роли команды
- о самой команде почти ничего: кто эти люди и почему им доверяют сложные площадки
- структура и тексты не отвечали на запросы заказчиков технического продакшна - в поиске сайт не работал
Что сделали
Работа шла по нашему принципу «Проблема → как решить»: сначала разобрались, кому и что сайт должен сказать, потом - как это должно выглядеть, и только потом сели за макеты. Разработка сайта, где первый экран рисуют раньше, чем сформулировано, зачем он нужен, обычно заканчивается красивой картинкой без заявок.
•провели аудит текущего сайта: структура, тексты, поведение в поиске •собрали структуру нового сайта под реальные запросы аудитории и логику продаж •разработали дизайн-концепцию, которая передаёт масштаб и технологичность продакшна •добавили анимированные переходы и интерактивные элементы •переписали проекты в полноценные кейсы и раскрыли раздел о команде •заложили SEO-основу: семантику, метатеги, иерархию заголовков, техническую оптимизацию
Аудит: что искали и что нашли
Первый этап любой разработки сайта - понять, что не работает и почему. Мы прошли по сайту как организатор мероприятия, которому нужно за пять минут решить, писать ли этой компании, и как поисковый робот, который решает, показывать ли её по запросу. Обе роли пришли к одному выводу: фактуры у IG PRO в избытке, она просто не попала на сайт.
•проекты подавались одной строкой с фотографией, без описания задачи и роли команды •раздел о компании был формальным и не отвечал на вопрос «почему вы» •заголовки страниц не содержали слов, по которым ищут техническое сопровождение мероприятий •поисковые системы не понимали, о чём этот сайт, и не показывали его по целевым запросам
Структура: сайт как маршрут заказчика
Создание структуры сайта - этап, который чаще всего недооценивают: хочется быстрее к дизайну. На деле структура определяет и то, как человек движется по сайту, и то, как его видит поиск. Мы построили её от вопросов, с которыми приходит заказчик технического продакшна, и каждый раздел получил свою страницу с собственной семантикой.
- что вы умеете: раздел услуг с разбивкой по направлениям, а не единый список оборудования
- что вы уже делали: проекты как кейсы с задачей, решением и масштабом
- кто вы: команда, подход, принципы работы
- как с вами начать: понятный путь от заявки до реализации
Дизайн: масштаб, который чувствуешь, а не читаешь
Главная задача веб-дизайна сайта в этом проекте - чтобы человек на первом экране без единой прочитанной строчки понял: эти ребята делают большое. Мы отталкивались от того, чем живёт сам продакшн: тёмное пространство площадки до включения света, геометрия ферм и экранов, точность технических схем.
- глубокий тёмный фон, на котором работают крупные фотографии реальных событий
- контрастная типографика и акцентный цвет из фирменного стиля IG PRO
- анимированные переходы между блоками и страницами - ритм, похожий на смену сцен на событии
- плашки услуг и проектов реагируют на наведение, цифры в блоке фактов набираются при появлении на экране
- эффекты лёгкие: анимация не мешает ни скорости загрузки, ни индексации
Кейсы и команда: фактура вместо перечисления
Самая содержательная часть работы - тексты. Проекты IG PRO мы переписали в формате кейсов, а раздел о команде превратили из формального «о компании» в рассказ про людей и подход. Это то, что отличает сайт компании с историей от сайта-визитки: у визитки есть только «кто мы и как связаться», у полноценного корпоративного сайта - доказательства.
- у каждого крупного проекта: задача, масштаб площадки, зона ответственности команды, что было технически сложным
- вместо «мы делали МТС» - «мы отвечали за дизайн, техническое обеспечение и застройку ИТ-фестиваля»
- как технические директора входят в проект на стадии идеи и как выстроена координация до демонтажа
- почему заказчики возвращаются: отзывы и повторные проекты
SEO-основа: чтобы сайт находили
Создание и продвижение сайта мы не разделяем на «сначала сделаем, потом как-нибудь продвинем». SEO закладывается на этапе структуры и текстов, иначе через полгода сайт придётся переделывать. Результат такой работы виден не в день запуска, а через несколько месяцев, но именно он превращает сайт из красивого файла в канал заявок. •семантическое ядро по услугам технического продакшна и смежным запросам •отдельные посадочные страницы под ключевые направления •метатеги, заголовки и описания для каждой страницы •ЧПУ-адреса, карта сайта, корректная иерархия заголовков •оптимизация изображений и скорости загрузки •микроразметка для кейсов и контактов
Что за этим стоит: разработка сайта простыми словами
Кейс - удобный повод разобрать вопросы, с которыми к нам приходят чаще всего.
Чем отличается сайт-визитка от корпоративного сайта и лендинга
Для IG PRO подходил только корпоративный формат: визитка не вместила бы тысячу проектов, а лендинг не дал бы глубины. Форматы отличаются не количеством страниц, а задачей, которую сайт решает. •сайт-визитка: несколько страниц с базовой информацией - кто мы, что делаем, контакты •лендинг: одна длинная страница под одно предложение и одно действие, обычно для рекламы •корпоративный сайт: многостраничная система, где у каждой услуги и проекта своя страница; работает и на доверие, и на поиск
Этапы создания сайта
В нашем процессе их шесть. Техническое задание на разработку сайта рождается на первых двух этапах - и чем честнее заказчик отвечает на вопросы о клиентах и продажах, тем меньше правок впереди. •бриф и аудит текущего сайта •структура и прототип •дизайн-концепция и макеты •тексты и контент •вёрстка, анимация и SEO-настройка •тестирование и запуск
На чём делать сайт
Платформа - вопрос задачи, а не моды. Главное, чтобы она не мешала ни дизайну, ни SEO, а команда клиента могла обновлять сайт без разработчика. •Tilda: быстрый запуск, гибкий дизайн, удобное самостоятельное редактирование •WordPress и Bitrix: сложные каталоги, интеграции, большие корпоративные проекты •выбор фиксируем на этапе структуры, когда понятен объём и функции сайта
Сколько стоит создание сайта
Стоимость разработки сайта зависит от формата и объёма: сайт-визитка, лендинг и корпоративный сайт на десятки страниц — это разные проекты. Актуальные условия и форматы - на странице услуги «Разработка сайтов» https://iamagency.su/marketing/razrabotka-saytov •в стоимость сайта входит аудит, структура, дизайн, тексты и вёрстка •базовая SEO-подготовка и настройка аналитики •обучение команды клиента работе с сайтом
Нужен ли сайт, если есть соцсети
Соцсети приводят и греют аудиторию, сайт - закрывает. Организатор, который выбирает технического подрядчика на событие с бюджетом в миллионы, не примет решение по сторис. Как сайт и соцсети работают в связке, показываем в кейсе упаковки event-бренда Connected https://iamagency.su/blog/keis-connected-event-brending •соцсети: узнаваемость, доверие, первое касание •сайт: кейсы, команда, процесс - то, по чему принимают решение •вместе: одна система, где бренд везде выглядит и звучит одинаково
Результат
Сайт IG PRO сейчас на финальном этапе доработки, поэтому макеты здесь не показываем - дождёмся запуска. Главный эффект нового сайта уже понятен: он перестаёт быть слабым звеном. Когда организатор после встречи или рекомендации открывает сайт, впечатление совпадает с тем, что он услышал: масштабно, точно, технологично.
напишите нам → https://iamagency.su/kontakty блог → https://iamagency.su/blog
- дизайн, соразмерный масштабу проектов и работающий на доверие с первого экрана
- структура, где у каждой услуги и каждого крупного проекта своя страница
- кейсы с задачей, решением и масштабом вместо галереи фотографий
- живой раздел о команде и понятный путь «как начать сотрудничество»
- SEO-фундамент, с которым сайт начинает появляться по запросам заказчиков технического продакшна
- анимация и интерактив, которые передают технологичность без ущерба скорости
