кейс

Концепция технологичности

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

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

Визуальные решения

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

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

Создание базы знаний

Добавили на платформу разделы для полезной информации от экспертов МегаФона ПроБизнес: материалов базы знаний и анонсов мероприятий.

Подробная рубрикация и три уровня фильтрации — по разделу, тегам и типу материала — позволяют пользователям легко находить необходимую информацию.

Среди тегов:

— Технологии: кибербезопасность, коммуникационные сервисы, облачные решения, интернет вещей, цифровая реклама, Big Data, сетевые решения.

— Бизнес-задачи: продажи, логистика, организация работы офиса, привлечение клиентов, коммуникация, ИТ-инфраструктура, бизнес-процессы и аналитика.

— Отрасли бизнеса: торговля, ИТ, услуги, добыча и промышленность, транспорт, госсектор.

Анимации

Анимировали слайдер в блоке «Другие материалы по теме» и добавили отображение карточки, чтобы пользователи плавным движением перемещались между подборками статей.

Быстрые переходы

Для frontend-части выбрали прогрессивный фреймворк Next.js, что позволило ускорить скорость и качество разработки. Главная техническая особенность — на платформе реализовали статическую генерацию сайта и обеспечили связь с backend при сборке frontend-приложения.

Все страницы обновляются и создаются по запросу backend. Отсюда преимущество — быстрая работа платформы из-за мгновенного перехода между страницами.

Мобильная версия

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

Конструктор страниц

На этапе backend-разработки продумали, как упростить работу с админ-панелью сайта. Использовали блочную структуру, которая позволяет собирать страницы в специальном «конструкторе». 

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