ценовые системы — сайт для компании по сметному ценообразованию и нормированию в строительстве

Компания Ценовые системы работает со строительным сектором в области ценообразования в строительстве и оказывает услуги:

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

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

Основной вызов, стоящий перед студией, заключался в том, что услуги заказчика сложны для понимания его целевой аудитории. Например, производители стройматериалов просто не понимают, зачем им включать свою продукцию в классификатор строительных ресурсов. Выгоды неочевидны. По информации в интернете понятно, почему это выгодно государству, застройщикам, кому угодно, только не самим производителям.

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

После интервью с руководством компании мы перешли к аналитике. Перед проектированием сайта провели маркетинговое исследование, анализ конкурентов, визуальное исследование.

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

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

• производят продукцию с показателями выше ГОСТов, а крупных заказов нет;
• хотят выйти на тендеры, но не знают как;
• хотят масштабировать производство, но боятся расширяться, не понимая, куда потом эту продукцию сбывать.

Когда мы находим настоящие проблемы аудитории, становится понятно, как их закрыть нашим продуктом. Маркетинговое исследование помогает связать услуги компании с проблемами её клиентов, сделать эту связь очевидной, показать, что есть решение. А когда клиент видит в услугах компании решение своих проблем, он совершает покупку.

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

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

Для этого проекта мы разработали фирменный стиль. Цветовая палитра и типографика для сайта использованы в соответствии с руководством по фирменному стилю.

В частности, в качестве основного цвета выбран бирюзовый. Для типографики мы использовали шрифтовую пару: Manrope + Open Sans. Поэтому эти элементы в ходе составления стайлборда не анализировались.

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

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

Для наглядности, мы собрали схему, в которой отражены все страницы сайта и связи между ними — информационную архитектуру.

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

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

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

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

Сайт разработан чистым кодом с натяжкой на Вордпресс. Такое решение было принято, поскольку сайт создавался с прицелом на SEO продвижение, а также предполагал кастомный функционал: поиск по базе данных поставщиков строительных ресурсов. В дизайне использована сложная SVG-анимация, которая нагружает сайт, а одним из требований заказчика была быстрая загрузка.

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

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

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