drag

кейс

Технологии ПроБизнес

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

tech.megafon.ru
ко всем работам
задача

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

клиент

МегаФон ПроБизнес

отрасль

Телеком

год запуска

2022

что сделали

Концепция платформы
Дизайн сайта
Frontend-разработка
Backend-разработка

МегаФон ПроБизнес предлагает технологичные продукты и услуги для решения задач бизнеса и государства.

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

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

 

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

Якорные элементы выделены цветовой индексацией по блокам, а фоновая анимация меняется в соответствии с темой.

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

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

 

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

В темном цвете эффектно представлен фирменный код МегаФона и выделены яркие цветовые акценты.

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

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

 

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

 

Среди тегов:

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

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

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

Подобрали более 30 обложек, передающих основной смысл материалов

Анимации

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

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

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

 

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

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

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

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

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

 

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

технологии

PHP

React

Laravel

Twill

Next.JS

HTML

смотрите также

Цифра
брокер

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

Humans.uz

Разработка, дизайн-поддержка сайта и 3D-объекты для финансового мультипродукта

Creddy

Дизайн и разработка сайта для современного p2p-сервиса онлайн-кредитования

связаться

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

Мы Red Collar, а как зовут вас? Чтобы связаться, нам нужен ваш e-mail Ого, какой тяжелый файл! Больше 10 MБ ждем на hello@redcollar.ru Пожалуйста, проверьте, правильно ли написан e-mail

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

  • Россия, г. Воронеж,
  • ул. Текстильщиков, 5Б
ООО «Ред Коллар», ОГРН 1153668069950, ИНН/КПП 3663116703/366301001, Юридический адрес: 394028, Воронежская область, город Воронеж, ул. Туполева, д. 28, кв. 14

Мы используем куки и с помощью анонимной статистики делаем сайт ещё лучше