«Нанософт»: сайт российского разработчика САПР-платформы nanoCAD с продуктовой линейкой и подбором дистрибьютора

Главное о кейсе

English text: https://docs.google.com/document/d/1CuHO5qU5EM22qcPYO9hO15IOYO5BBN4s_MmALdXt3rw/edit#heading=h.ncpp0curk4oe

--------------------------------------------------------------------

— Запустили новый сайт компании «Нанософт». В дизайне сделали упор на понятность и структурность контента.
— На основе аудита старого сайта нашли обрывы в пользовательских путях, заново проработали CJM и исправили их на новом сайте.
— Спроектировали раздел «Поддержка и обучение»: структурировали в единую базу все обучающие материалы, которые ранее хранились у компании хаотично в разных местах.
— Разработали календарь мероприятий, в котором можно отфильтровать подходящие события и зарегистрироваться на них.
— Выяснили важные для клиентов вопросы и разместили ответы на сайте в тех разделах, где пользователи с ними сталкиваются. Количество обращений к менеджерам сократилось.

Клиент: «Нанософт» — вендор российского инженерного ПО, разработчик САПР-платформы nanoCAD.

Как проект изменил жизнь пользователей

English text: https://docs.google.com/document/d/1CuHO5qU5EM22qcPYO9hO15IOYO5BBN4s_MmALdXt3rw/edit#heading=h.8asskc52kllz

--------------------------------------------------------------------

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

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

— В разделе «Поддержка и обучение» собрали и систематизировали все учебные материалы от Нанософта, в том числе те, которые ранее были недоступны в интернете. Раздел помогает пользователям ПО и партнерам обучаться работе с продуктами и быстро находить полезные материалы на сайте.

— У компании три основные платформы с шестью модулями, четыре нишевых приложения с девятью модулями в них, семь BIM-решений, два комплекта и еще четыре специализированных решения — для каждого продукта четыре вида лицензий. Чтобы пользователю было удобно выбрать и сравнить решения, мы спроектировали раздел «Цены», где весь ассортимент с ценами собран в общей таблице.

— Упростили загрузку дистрибутива с помощью раздела «Центр загрузки». В разделе собрана вся необходимая для установки информация, включая инструкцию по активации продукта, благодаря чему пользователи перестали обращаться к менеджерам с однотипными вопросами по установке: им достаточно информации на сайте. В разделе также собраны системные требования к ПО и сертификаты.

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

Бизнес-задача и ее решение

English text: https://docs.google.com/document/d/1CuHO5qU5EM22qcPYO9hO15IOYO5BBN4s_MmALdXt3rw/edit#heading=h.30j0zll

--------------------------------------------------------------------

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

И еще одна важная часть — имиджевая. Дизайн сайта должен был правильно позиционировать компанию: как вендора с сильной технологической экспертизой в области САПР/BIM/ERP-решений.

--------------------------------------------------------------------

Решение
Мы изучили поведение пользователей на сайте, провели анализ трафика и аудитории.
Выделили пять ключевых аудиторий и прописали для них CJM:
1. ЛПР: главные инженеры проектов (ГИПы), главные архитекторы проектов (ГАПы), технические директора, ИТ-директора/специалисты, BIM-менеджеры.
2. Рядовые пользователи: архитекторы, инженеры-проектировщики, конструкторы, технологи, инженеры-изыскатели, геодезисты, BIM-менеджеры.
3. Закупщики.
4. Сисадмины.
5. Образовательные учреждения: руководство и сами студенты.

На этапе аналитики устраивали воркшопы с заказчиком, использовали презентации продуктов, интервью с сотрудниками, данные опросов конечных пользователей, данные Яндекс.Метрики и Вебвизора. Также провели анализ сайтов российских и зарубежных вендоров: AutoCAD, BricsCAD, АСКОН, Renga и др.

Исследование показало, что многие инженеры и архитекторы слышали про nanoCAD, но мало знали о самой компании «Нанософт». Пользователи сразу нажимали вкладку «Продукт», чтобы скачать дистрибутив, и дальше первого экрана не листали: запутанная навигация и хаотичное расположение контента делали сайт неудобным для изучения и выбора продуктов.

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

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

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

— Разработали сервис «Подбор продукта».
У компании более 20 программных продуктов с разными конфигурациями, в которых легко запутаться. Разработали фильтры, с помощью которых пользователь может легко подобрать продукт по характеристикам под разные задачи: от создания чертежей до моделирования 3D-объектов.

— Спроектировали и разработали раздел с ценами на продукты.
Расположили информацию о ценах в виде таблицы — клиент может сориентироваться и сравнить между собой несколько решений. У продуктов компании есть разные лицензии: годовые и постоянные, локальные и сетевые. При этом компания предлагает несколько версий платформ, 25 модулей, четыре приложения и четыре комплексных решения с разными конфигурациями. Получается больше 100 вариантов стоимости. Весь этот массив данных мы структурировали так, чтобы было удобно выбрать решение под себя.

— Разработали раздел с подбором дилера.
Компания продает продукты через дилеров: у каждого из них офис в одном или нескольких городах, специализация на определенном продукте, разный уровень экспертизы. Мы спроектировали раздел «Поиск партнера», в котором пользователь может отфильтровать карточки дилеров по этим параметрам и быстро получить необходимые контакты.

— Систематизировали базу знаний в разделе «Поддержка и обучение».
Раньше материалы были представлены на сайте не в полном объеме: часть была на других сайтах вендора, часть можно было получить только через менеджера. Собрали все материалы — технические документы, статьи, книги, видео и онлайн-курсы в один раздел — «Поддержка и обучение». Также учебными материалами пользуются текущие партнеры: они изучают, как вендор сам презентует свое ПО, и понимают, как презентовать его клиенту.

— Разработали календарь со списком мероприятий.
Добавили на сайт раздел с мероприятиями от партнеров и экспертов Нанософта. Компания и партнеры проводят их в большом количестве онлайн и очно в разных городах РФ. С помощью фильтров клиенты могут выбрать и посетить мероприятие по интересующим продуктам.

— Детально проработали ключевой для бизнеса пользовательский сценарий: загрузка и установка пробной версии ПО.
Для этого на страницу с продуктом добавили блок «Центр загрузки». Собрали всю информацию, системные требования и сделали пошаговую инструкцию, с помощью которой можно установить дистрибутив самостоятельно. В результате обращения к менеджерам по вопросу установки пробной версии практически прекратились.

Крафт (мастерство), реализация, технические детали

English text: https://docs.google.com/document/d/1CuHO5qU5EM22qcPYO9hO15IOYO5BBN4s_MmALdXt3rw/edit#heading=h.vzir3kj71prs

--------------------------------------------------------------------

Проект работает на headless-архитектуре.

Фронтенд-приложение вынесено в отдельный сервис. Средствами PM2 и Nuxt реализован балансировщик нагрузки и несколько инстансов приложения для распределения нагрузки между ними.

Большое внимание уделено производительности проекта. Показатели Google Pagespeed Insights: 99/100 — для компьютеров и 85/100 — для мобильных устройств.

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

English text: https://docs.google.com/document/d/1CuHO5qU5EM22qcPYO9hO15IOYO5BBN4s_MmALdXt3rw/edit#heading=h.ac69ktxxkznh

--------------------------------------------------------------------

Вместе с командой клиента заново изучали и выстраивали пользовательские маршруты на основе реальных потребностей пользователя: проводили брейнстормы, воркшопы, вместе структурировали продуктовую линейку и решали, как представить контент.

Продукты компании быстро развиваются — клиент просил возможность самостоятельно вносить правки в продуктовые страницы без привлечения технических специалистов. Мы разработали no-code решение для сборки продуктовых страниц. Теперь клиент может собирать их самостоятельно с помощью набора блоков. При этом для разных типов продуктов — платформ, приложений, комплектов, модулей, BIM-решений — клиенту доступен разный набор блоков.

Скриншоты

Комментарий заказчика

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

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

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