ООО "Скандик Констракшн"
Промышленность
Россия, Санкт-Петербург
Ноябрь 2023
Scandic Construction — ведущий производитель каркасно-панельных домов. Компания является российским подразделением скандинавского холдинга. Более 20 лет производит быстровозводимые дома со строгим соблюдением норвежских строительных и экологических норм.
С одним из представителей команды Scandic мы продуктивно сотрудничали ранее, поэтому он повторно обратился к нам — уже от лица новой компании.
Что хотели заказчики:
Создать новый сайт компании, который отвечает новым запросам владельцев бизнеса и целевой аудитории.
Ключевые задачи:
Продемонстрировать выгоду будущим партнерам от сотрудничества и показать сильные стороны производителя: надежность и качество. Рассказать об истории и философии бренда — бережном отношении к экологии, уважению к семейным ценностям и заботе о будущих поколениях.
Создали для проекта последовательную дорожную карту. Перед начало каждого проекта мы рисуем такие карты и показываем их заказчикам, чтобы они точно понимали всё про сроки и то, что мы будем делать в каждом сегменте.
Разбили задачу на следующие этапы:
- Исследование целевых аудиторий и анализ конкурентов;
- Проектирование информационной архитектуры;
- Создание интерактивных прототипов всех страниц;
- UX-райтинг (пишем тексты больше для людей, чем для поисковых роботов);
- Дизайн адаптивный для всех страниц и элементов;
- Вёрстка на NoCode платформе по просьбе заказчиков.
Провели несколько конференций с заказчиком, чтобы лучше разобраться в специфике проекта. Для нас стало открытием то, что такие крутейшие модульные дома не были востребованы на российском рынке, хотя они очень функциональные и удобные.
Сделали аудит старого сайта. У компании был сайт, который вообще не отражал реальных методов работы компании и её ценностей. Провели конкурентный анализ — исследовали сильные UX-решения и неудобные моменты у самых известных брендов схожей тематики.
Основная задача первого этапа — понять, как отстроиться от конкурентов и сделать проект понятным для будущих посетителей.
Чтобы учесть все потребности пользователей при проектировании, провели исследование по методу персон.
Мы сильно погрузились в исследование потребностей заказчиков модульных домов. Погрузились так сильно, что и самим захотелось такие дома заказать.
Описали методом персон несколько аватаров. Часть из них были выведены в раздел "будущие партнеры", а часть в раздел "розничные покупатели". Мы поняли, что для каждого сегмента у компании есть свои выгодные предложения. Их необходимо было обязательно подсветить, чтобы выгодно отличаться от конкурентов.
Итоги этапа:
Составили подробный отчет с выводами исследований о том, за счет чего можно отстроиться от конкурентов. Отчет презентовали заказчикам и согласовали те решения, которые близки философии компании. Изучили ожидания и возражения разных категорий ЦА, чтобы создать для них удобную и понятную структуру.
Разработали карту сайта и выстроили информационную архитектуру так, чтобы на сайте было легко ориентироваться. Партнеры и розничные покупатели могут быстро достигать своих целей при взаимодействии с сайтом.
Проектировали каждую страницу, опирались на результаты исследований. чтобы закрывать потребности всех категорий целевой аудитории. У нас получилась карта, которая после согласования с заказчиками легла в основу всех прототипов страниц.
При проектировании использовали максимально простую для восприятия блочную структуру. Такая методология упрощает пользовательский опыт, т.к. благодаря четкой визуальной иерархии пользователь быстро находит нужную информацию.
На старой версии сайта заказчика, тексты потеряли актуальность. Компания стремительно развивается и активно использует новые технологии, о которых раньше нигде не рассказывала. Мы предложили это исправить.
На главной странице описали ключевые преимущества бренда с упором на запросы всех категорий пользователей. Здесь всё про высокое качество, скорость монтажа и надежность. Дополнили важной статистикой в цифрах.
Показали отзывы партнеров и обращение генерального директора, посвященное экологичности производства. Для компании одна из основных ценностей — забота об экологии.
Рассказали о философии и ключевых принципах работы в разделе “О компании”. Уделили особое внимание технологиям и собственным разработкам, которые продемонстрировали в виде кейсов.
В разделе “Наша история” описали основные этапы развития и поворотные моменты в жизни компании.
Сделали интерактивные прототипы десктоп версий страниц. Мы делаем очень подробные прототипы, которые очень похожи на дизайн. Делаем это осознанно, чтобы на стадии проработки функциональной части, у заказчиков не было ощущения, что перед ним набор непонятных элементов.
Такие интерактивные прототипы помогают наглядно продемонстрировать заказчикам, как будет жить их сайт после запуска.
Такой подход требует чуть больше времени на этапе проектирования, зато на стадии дизайна позволяет ускорить процесс.
Вносить корректировки на этапе интерактивного прототипа намного проще, чем когда дизайн уже готов и запущен в разработку.
Опираясь на примеры проектов европейского уровня, которые утверждали с заказчиками, создали аккуратный дизайн.
Нарисовали две концепции основной страницы, опираясь на брендбук компании: натуральные природные оттенки, технологичный, но при этом элегантный шрифт и простые геометричные формы. После создания концепций — провели видео-конференцию с заказчиками и утвердили одну из них, как основную.
После утверждения, перешли к отрисовке всех страниц сайта, которые были заложены в информационную архитектуру.
Согласно UX-исследованиям, пользователи читают информацию на сайте выборочно, поэтому часть контента выпадает из поля зрения. Чтобы этого избежать, важные текстовые смыслы выносили в заголовки.
На первых экранах продемонстрировали скорость сборки при помощи плавного видео. Рассказали про большой опыт компании в производстве модульных домов для скандинавских и российских заказчиков.На странице “Наши разработки” показали реализованные проекты с описанием процессов и фотографиями с производства. Продемонстрировали, в каких проектах успешно применяются уникальные разработки компании.
В разделе “О компании” показали основные ценности компании в работе с клиентами и при производстве домов. Рассказали о философии компании, принципах работы и задачах, которые решает бизнес.
Для поддержания сильного имиджа компании показали бренд “лицом”. Точнее, лицами. Ведь в первую очередь, бренд — это люди, которые за ним стоят.
Компания, которая на рынке с 1999 года — это ещё и большая история, в которой принимали участие множество людей, разделяющих ценности основателя.
Кстати, там есть скрытый эффект, когда одним движением мыши пользователь может сменить выражение лица любого члена команды с серьезного на улыбающееся.Здесь же разместился блок для соискателей и приглашение записаться на экскурсию по производству. Блоки с видео органично разделяют контент и удерживают внимание пользователя.
Проект делали на платформе Tilda Publishing, потому что для решения текущих задач бизнеса она максимально подходила. Важные критерии отбора были сжатые сроки и возможность оперативно менять контент специалистами заказчика.
Использовали ненавязчивую анимацию и микровзаимодействия. Добавили всем видео на сайте эффект раздвигания рамок по всей ширине блока. Это метафора открытости компании и вовлечения пользователя в процесс.
Благодаря большому опыту работы с CSS, сверстали сайт с необычной анимацией, который корректно отображается на всех устройствах и во всех браузерах. Это еще раз на 100% отражает ценности компании — надёжность, экологичность и качество.
- Заказчик получил за 3 месяца сайт, который полностью отвечает запросам целевой аудитории и помогает компании находить новых партнеров.
- Продолжаем сотрудничать с заказчиком далее. Поддерживаем и развиваем сайт, дополняем дизайн и помогаем штатным маркетологам улучшать пользовательский опыт.
- Получили несколько запросов на создание сайтов от партнеров компании с комментариями: “Хотим так же, как у Scandic”.
Александр Киршин
Генеральный директор (CEO)
“Нам нравится работать с брендами, ценности которых мы разделяем. В этом проекте хотелось бы отметить прозрачность процессов — заказчики отслеживали процесс в режиме реального времени в общей рабочей среде, где мы прописали каждый этап работ со ссылками на Figma.
Несмотря на огромный масштаб компании, мы получали очень оперативно обратную связь и работа с проектом шла максимально комфортно.
Анкора.Агентство с удовольствием обсудит вашу задачу