Приключение на 20 минут. Разработка сайта для поставщика B2G услуг

Привет! Мы — Айтипелаг. Разрабатываем цифровые продукты, живем у моря и кормим уточек 🦆

В этом кейсе рассказываем о нашем опыте разработки сайта для компании из B2G сектора.

К нам обратилась компания «Миллениум» — российский разработчик и эксперт в области комплексной автоматизации управленческого, финансового и кадрового учета в учреждениях государственного сектора. «Миллениум» входит в ТОП-5 рейтинга "Центр компетенций в области бюджетного учёта" по РФ среди подобных компаний.

Компании требовался полный редизайн корпоративного сайта. Основные боли были такие: 

-устаревший дизайн;

-неподдерживаемость текущей CMS;

-сложность администрирования.

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

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

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

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

И вот, требования собраны, договоры подписаны, свечки поставлены. За работу. 

На старте задача выглядела для нас достаточно понятной: разработать новый визуальный стиль, пересобрать весь UI/UX и перенести контент на современную платформу. Выбрали работать на Tilda, т.к. она идеально подходила под задачи и под бюджет. И да, Tilda отлично оптимизируется поисковыми роботами.  

На этапе сбора материалов стало понятно, что объем информации значительно больше ожидаемого.

В структуре оказалось:

-8 категорий услуг;

-8 сервисных направлений;

-более 30 продуктов, включая собственные разработки компании.

Собрав карту сайта мы получили около 70 страниц, а это уже задача со звездочкой. 

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

Дополнительным ограничением стало SEO. Старый сайт уже имел стабильный органический трафик за счет наличия публичной базы знаний, которая на протяжении нескольких лет активно пополнялась свежими, узконаправленными статьями и генерировала 80% всего трафика на ресурс. Поэтому важно было сохранить существующие страницы, корректно отработать мета-данные и 301 редиректы, а так же не потерять самые тяжелые с точки зрения SEO страницы.

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

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

По итогу пошли другим путем: сгруппировали услуги по категориям и добавили навигацию с фильтрацией по направлениям.

Это позволило:

-сохранить полноту информации;

-упростить навигацию;

-сделать структуру сайта предсказуемой.

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

В проекте мы впервые использовали 3D-графику, созданную в Blender. Объемные элементы формируют единый визуальный стиль и создают аккуратные акценты на ключевых экранах. 

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

При помощи встроенной lazy loads в Tilda, вся созданная графика используется точечно и не влияет на скорость загрузки страниц.

Ниже выгрузили несколько рендеров. Позалипайте чуть-чуть и возвращайтесь :) 

Старый сайт требовал значительных усилий даже для простых обновлений. Мы компоновали все таким образом, чтобы команда клиента могла самостоятельно добавлять новые материалы даже в самих Zero Block. Описали подробные инструкции как:

-публиковать статьи

-добавлять кейсы

-обновлять описания услуг

-расширять структуру сайта

-добавлять отзывы и благодарности, что особенно важно для B2G

Tilda позволила решить задачу удобного администрирования без усложнения технической части проекта.

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

Но вывод из этой работы хочется сделать такой: делайте работу хорошо! Тревожьтесь за нее, тревожьтесь за ожидания заказчика и задавайте себе всегда вопрос: “Не х*ню ли я делаю?”. И тогда, в симбиозе с экспертностью команды и здравым смыслом получаться будет всегда хорошо.

Спасибо, что прочитали 🦆