backend frontend UI-дизайн сайты
·

Сайт компании «Цифра» – лидера в разработке решений для цифровизации промышленности

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

Задача

«Цифра» (Zyfra) — российский лидер в области цифровой трансформации промышленности.

Компания помогает предприятиям автоматизировать процессы, повышать свою эффективность и внедрять современные подходы к управлению производством. «Цифра» предлагает решения с использованием искусственного интеллекта, интернета вещей (IoT) и промышленной аналитики.

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

Группа компаний «Цифра» занимается разработкой цифровых решений для промышленных предприятий и развивает промышленный роботизированный транспорт. Продукты компании помогают клиентам контролировать инфраструктуру на производстве и оптимизируют сложные технологические процессы. «Цифра» сотрудничает с panfilov.digital c 2018 года.

Информационная архитектура сайта

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

Информационная архитектура сайта — это его структура и общий подход к организации контента.
Первый экран обновлённого сайта «Цифры»
Первый экран обновлённого сайта «Цифры»

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

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

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

И в дальнейшем мы убедились, что такой подход действительно более эффективен.

Направления деятельности компании на новом сайте «Цифры»
Направления деятельности компании на новом сайте «Цифры»

Шаблоны типовых страниц

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

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

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

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

Продукты компании
Продукты компании
Шаблоны типовых страниц сайта
Шаблоны типовых страниц сайта

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

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

Индустрии, в которых используются продукты компании
Индустрии, в которых используются продукты компании

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

Дизайн-код

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

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

Дизайн код на основе логотипа компании
Дизайн код на основе логотипа компании

Технологии

При разработке нами использовались современные фреймворки: Symfony для бэкенда и Nuxt для фронтенда.

Результат

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

С компанией у меня очень комфортное взаимодействие. Нам много раз шли навстречу, когда возникали какие-то сложные периоды или сложные вопросы. Общение всегда было очень дружелюбным. Мне все нравится. Во всем, что касается сопровождения сайта и его создания — я уже не раз рекомендовала panfilov.digital своим коллегам. Смело могу порекомендовать всем.
Татьяна Брейгина

Татьяна Брейгина

Head of digital в компании «Цифра»

«Цифра» — международная компания, поэтому мы сделали версии сайта для английского языка, но в данный момент доступна онлайн только версия на русском языке.

Также, позже мы реализовали отдельные версии сайта для Казахстана и Германии. Почитать об этом проекте можно по ссылке ниже.

Версии корпоративного сайта компании «Цифра» для
других стран

Версии корпоративного сайта компании «Цифра» для других стран

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

Расскажите о вашей задаче

Все поля формы обязательны