5/8/2020Промышленность
#backend
#frontend
#UI-дизайн
#сайты

Сайт для интегратора промышленного интернета вещей

Информационный сайт для международной фирмы, которая внедряет Industrial Internet of Things (IIoT) и цифровой мониторинг на промышленных предприятиях. Представляет из себя набор самостоятельных лендингов, каждый из которых описывает конкретный продукт или направление деятельности компании.

zyfra.com
Компания «Цифра» разрабатывает решения в сфере робототехники, искусственного интеллекта и интернета вещей. Фирма является одним из мировых лидеров в цифровизации предприятий машиностроения, горнодобывающей промышленности, металлургии, нефтегазового и химического сектора. zyfra.com

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

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

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

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

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

Мы выделили информационные блоки, из которых состоит типичная страница продукта — чтобы потом пользоваться ими, как детальками конструктора. Так мы спроектировали две типовых информационных страницы: Product и Industry.

Страницы категории Product описывают конкретные решения и выгоду от внедрения их на производство.

Страницы Industry объединяют несколько продуктов в одно направление, обычно связанное с отраслью промышленности. Например, Mining (горнодобывающая промышленность) или Metalworking (металлургия).

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

Также мы разработали для сайта уникальные страницы, структура которых не укладывалась в стандартный набор блоков. Но их было гораздо меньше, чем страниц Product и Industry, поэтому разработку это не затормозило.

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

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

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

Цифра — международная компания, поэтому мы сделали версии сайта для разных языков, сейчас доступны русский и английский. В каждом регионе набор услуг свой, поэтому структура сайта меняется: какие-то продукты скрываются, какие-то появляются.

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