Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Russian Robotics
Shopper’s.Media. Разработка новостного портала для розничной сети Магнит
Russian Robotics
WDA
2023
#Программирование сайта#HTML - верстка сайта#Тестирование сайта

Shopper’s.Media. Разработка новостного портала для розничной сети Магнит

3672 
Russian Robotics
Russian Robotics Россия, Краснодар
Поделиться:
Shopper’s.Media. Разработка новостного портала для розничной сети Магнит
Клиент

ПАО Магнит

Сфера

Торговля

Регион

Россия, Москва

Сдано

Ноябрь 2021

Задача

Генеральный заказчик ПАО Магнит.

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

До этого был телеграмм канал и канал в Яндекс Дзене. Новостной портал должен был объединить все площадки.

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

Решение

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

Изучив различные варианты решений, мы разработали онлайн редактор на базе библиотеки editor.js (подобные решения используются в ЛК на сайте vc.ru и habr.com).

1Подготовка дизайн-макетов

Подготовка дизайн-макетов 2 версий - для редактора и для пользователя. 

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

2Верстка

Верстка основной части сайта: адаптивная сетка, меню, котировки, блок популярное, страницы “контакты” и “о проекте”. 

3Разработка визуального редактора и верстка компонентов статей

4API

Разработка API для связи визуальной части редактора с бэкендом сайта для хранения и структурирования всех данных в БД

5Логика

Проработка логики ленты новостей (ранжирование и сортировка новостей), добавление поиска по сайту и фильтрации по хештегам, добавление анимации.

6Тестирование

Нагрузочное тестирование и сканирование сайта на уязвимости. 

Результат

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

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

https://shoppers.media/

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


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

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

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

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