Разработать информационный портал из макета в Sketche
Информационного агентства «Мангазея»
- Описание проекта:
Информационное агентство «Мангазея» — это рожденное в Югре и выдержанное временем информационное агентство-агрегатор, консолидирующий всю необходимую информацию не только на территории Ханты-Мансийского автономного округа – Югры, но и активно следящий за всеми сферами Российской Федерации и мира. Одной из самых читаемых рубрик агентства является Нефтегазодобывающий сектор, ведь Югра — это нефтяная столица России. Каждый пользователь, который приходит на сайт, находит именно то, что ему по вкусу и то, что он искал. За актуальностью и правдивостью информации следит как главный редактор, так и сам директор агентства.
- Дизайн
Разработал в программе Sketch
- Дополнительно
Только для жителей РФ.
- Первичный функционал (Внешний сайт):
Адаптивный Navbar (LV.1): Логотип(меняется от разрешения экрана); Поиск (два вида, свернутый и развернутый); Кнопка «Добавить новость»; Календарь событий (пиктограмма); Личный кабинет (пиктограмма); Вход/Выход (пиктограмма). - Функциональность: Имеет два вида. Согласно дизайну.
- Адаптивный Navbar (LV.2):Отображает все рубрики сайта (количество и названия настраиваются в админ. панели).
Функциональность: При наведение на рубрику текст становиться жирным. При нажатие снизу появляется красная линия. - Слайдер: На главной (во весь экран), на вторичных страницах сжат и отображает по бокам дополнительно другие слайды.
Функциональность: Тег рубрики; Название; Автор с фотографией; Кнопки переключения слайдов (влево и вправо). - Бегущая строка. Настройки скорости и выбор статей настраивается в админ. Панели.
Функциональность: Имеет кнопки переключения между новостями (влево и вправо). При наведение подкрашивает текст статьи с датой в красный согласно дизайну. - Блок – Лента новостей: Состоит из Активной кнопки рубрики с фильтрацией по тегам, дате. Активной кнопки «Все новости» (активность кнопки описана в Navbar), которая перенаправляет на страницу Лента новостей, где можно просмотреть большее количество статей. Активные кнопки влево и вправо для перелистывания статей. Присутствует функция перелистывания страниц при удержание новости. Новости: Фотографии с нанесением тега рубрики в левый нижний угол. Названия статьи и лица. При наведение под телом статьи появляется фон с тенью. Название статьи становится жирным. За полем экрана присутствует в прозрачном состояние новости не вошедшие в рамки экрана.
- Блок – Избранные статьи: Повторяет описание Блока Лента новостей, кроме отсутствия лида.
- Блок – Выбор редакции: 4 вида статьи: 1 – Фотография, тег снизу слева на фотографии, заголовок; 2 – Заголовок, тег, лид; 3 – Фотография, тег сверху слева, Название статьи поверх фотографии, градиентная заявка из темного в прозрачный снизу вверх; 4 – Фотография в кругу, тег, название выравнивание по центру. Функционал: При наведение под телом статьи появляется фон с тенью. Название статьи становится жирным.
- Блок – Авторитетное мнение: Фотография в кругу, ФИО, должность, Название, лид.
Функционал: При наведение под телом статьи появляется фон с тенью. Название статьи становится жирным. - Блок – Видеоматериалы:Preview видео с кнопкой по центру, название, количество просмотров. Функционал: При наведение под телом статьи появляется фон с тенью. Название статьи становится жирным.
- Блок – Подписка: Согласно дизайну.
- Блок – Подвал (footer): -
- Внутренний функционал (Панель управления):
- Роли: Администратор; Редактор; Пользователь; Робот (Рекламодатель)
- Модули:
- Редактор статей (полноценная статья и мини – согласно дизайну (https://github.com/editor-jshttps://editorjs.io )), основной функционал как на vk.com/vc.ru. Скриншоты с описанием функционала прописано в mmap. Дата и время публикации, выбор рубрики, выбор подписи из шаблонов, выбор категории (лента новостей, избранные статьи, выбор редакции, слайдер), закрепить в категории, не показывать на главной, API-text.ru для проверки уникальности + автоматически оптимизации по SEO (выбор слов для SEO), чекбоксы с социальными сетями (твитер, вк, ок, фейсбук, инстаграм, канал в телеграме – в разных социальных сетях количества символом разное + блок с хештегами активация при размещение галочки в одной из сетей) куда статья будет размещена, канал яндекс.дзен
- Модуль сборки баннеров(https://www.bannersnack.com/ru/website-banner.html или по типу как в Яндекс.Директ). Тип банера. Фон, заголовок (цвет), текст (цвет), кнопка (цвет)
- Модуль курса валюта (выбор валюты или котировки для отображения в виджете. Настройка в ЛК для индивидуального отслеживания.).
- Модуль календаря, отслеживать события занесенные в календарь + уведомлений о событие. Публикация или мероприятия, или звонок.
- Модуль публикатор, отслеживает все входящие от пользователей новости и в случае актуальности или полезности проходит процедуру публикации как статьи.
- Модуль погоды. Гео определение. Или выбор в настройках ЛК.
- Модуль рассылки – выбор категории, рубрики, периодичность отправки сообщений на емейл.
- Шаблоны подписи - ?
- SEO модуль автоматического формирования служебных рубрик для поисковых роботов и формирования внутри статей перекрестных ссылок. Модуль поиска нужных слов и словосочетаний, автоматического создания соответствующих категорий на сайте и создания в текстах гиперссылок на данные категории
- Модуль проверки уникальности текста и трансляции статьи в сервис Яндекса и ставится тег google авторства
- Модуль разрешений для редакторов статей и пользователей
- Модуль почтовой отправки статей пользователей на модерацию
- Модуль редактирования пунктов главного меню сайта
- Модуль редактирования параметров слайдера
- Модуль вывода количества материалов и их внешнего вида в рубрики и результаты поиска по сайту
- Модуль вывода банеров и другой рекламы
- Модуль бегущей строки
- Модуль редактирования футера
- Модуль запрета публикации материалов и комментариев с матерными или указанными словами
- Создание отчетов по опубликованным новостям
- Модуль накрутки просмотров для указанных пользователей
- Модуль переноса старого контента (на текущем сайте отсутствует понятие Заголовков и понятие нормальных тегов. При переносе будет проблемы. Надо учитывать в текущих статьях разбивку Заголовка и текста)
- Статистика:
- Просмотров по рубрикам (график) + фильтрация по дате
- Просмотров по категориям (график) + фильтрация по дате
- Переходы по рекламе (график) + фильтрация по дате
- Общая читаемость ресурса (график) + фильтрация по дате
- Подключение Яндекс.Метрики + GoogleAnalytic
- Требования:
Backend: Laravel, Node.js, Vue.js, Yii2, Symfony
- Адаптивная верстка – от 320px до 1920px
- Кроссбраузерность
- Использовать технологии CSS3, HTML5, JQ, JS
- Все используемые технологии и дополнительные материалы должны быть бесплатными или обоснованы в случае приобретения
- https://disk.yandex.ru/d/sAh12GxXXxQYcA?w=1