Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Red Collar
Разработка корпоративной медиа-платформы для МегаФона
Red Collar
#Сайт под ключ

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

112 
Red Collar
Red Collar Россия, Воронеж
Поделиться:
Разработка корпоративной медиа-платформы для МегаФона
Клиент

МегаФон

Сфера

Телекоммуникации

Регион

Россия

Тип сайта

Порталы и сервисы

Сдано

Ноябрь 2023

Задача

Разработать медиа-платформу, где команда МегаФона будет рассказывать о цифровых инструментах для бизнеса и новостях в мире digital. Сделать удобный интерфейс для чтения с любого устройства и спроектировать административную часть с полным набором современных функций для постинга. 

Решение

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

Для быстрой работы медиа мы используем фреймворк Next.js. Это важно и для SEO-оптимизации: при первой загрузке страницы отдаются как статичные html — это делает контент видимым для поисковых роботов.

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

Результат

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

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

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

http://update.megafon.ru/

Стек технологий

  • JavaScript JavaScript Язык программирования
  • Next.js Next.js Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека

Награды


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Red Collar с удовольствием обсудит вашу задачу

Оставить заявку