ТопДиалог
Интернет-агрегатор новостного издания
О проекте
Команда ТопДиалога готовят и публикуют: интервью, статьи, репортажи, обзоры, подборки мнений и цитат, комментарии и новостные заметки на самые важные темы. В основе каждого материала агентства – прямая речь источника или эксперта.
Целевая аудитория
Целевая аудитория
- Заинтересованные читали материалов — читатели, которые являются платежеспособной аудиторией и вовлечены в процесс ознакомления с новостями. Цель: ознакомление с актуальными новостями и материалами на региональном уровне;
- Компании в сфере медиа — организации, ищущие возможности для размещения интервью, репортажей, статей, и рекламы на сайте. Цель: продвижение своих продуктов или услуг через медийные ресурсы;
- Рекламодатели и заказчики — компании и предприниматели, заинтересованные в рекламе и продвижении своих продуктов или услуг. Цель: размещение рекламы на сайте с целью привлечения внимания аудитории.
Задачи проекта
1. Создание веб-сайта с использованием CMS WordPress, специально адаптированного под нужды новостного агрегатора.
2. Разработка оптимизированной темы, максимально интегрированной с функционалом WordPress.
3. Гарантирование функциональности и производительности сайта при посещении до 50 тысяч пользователей в день.
4. Стабильная синхронизация с популярными платформами и социальными сетями, такими как ВКонтакте, Twitter, Яндекс.Дзен, Яндекс.Новости, Google News.
5. Создание контента, который будет интересен рядовым читателям, платежеспособной аудитории, рекламодателям и заказчикам.
Информация о проекте
Команда
1 PM, 1 Design, 2 FullStack, 1 QA
Основной стек
WordPress
Время разработки
350 часов
Статус проекта
Проект успешно реализован
Первый экран «ТопДиалог»
Первый экран
На стартовой странице нет полноценных секций во всю высоту экрана. Именно список самых актуальных новостей в виде миниатюр является UX ориентированным решением. Первым блоком выступает «Картина дня» — это горизонтальный слайдер с превью новостей, где можно через админ-панель указывать вручную необходимые новости, либо выставлять условия публикации статей, которые были опубликованы, например, за последнюю неделю или пару дней. Также предусмотрена возможность фиксации одной новости и вынесения ее за пределы слайдера в рамках этой же секции.
Второй экран «ТопДиалог»
Второй экран
Данный блок содержит в себе несколько независимых друг от друга элементов: 1) Лента новостей в виде сайдбара со скролингом в левой части секции; 2) Три равнозначных блока с превью статей по тематике: образование, город, погода; 3) Блок с дайджестом, который по формату содержит краткие обзоры, аннотации и события; 4) А также динамический рекламный модуль.
Заключительный экран «ТопДиалог»
Заключительный экран
Данная секция также содержит превью статей разбитых на тематики: интервью, политика, медицина и ЗОЖ, общество.
Мобильная версия «ТопДиалог»
Мобильная версия
Новостной портал в полной мере работает на всех мобильных устройствах: планшетах и телефонах. Также важной составляющей для мобильного трафика — это работа AMP-страниц (Google) и Турбо-страниц (Yandex).
Новостная лента «ТопДиалог»
Новостная лента
Большая часть аудитории (80%), которая заходит на ресурс, пользуется мобильными устройствами. Новостная лента не нагружена дизайнерскими элементами, чтобы ознакомление со списком новостей было просто. Она выглядит однообразно как на телефонах и на планшетах, так и на персональных компьютерах. Датировка публикации выставлена с точностью до минуты.
Страница «Об агентстве»
Об агентстве
Стилизованная страница с корпоративными цветами посвященная описанию проекта «ТопДиалог» и всей необходимой контактной и юридической информацией. Блок с фотографиями участников команды реализован для того, чтобы потенциальные заказчики понимали, что агентство — это реальные люди.
Навигационный блок
Навигационный блок
Также на странице «Об агентстве» проработан дополнительный навигационный блок, который ведет на «наши спикеры», «наши проекты», соц. сети, «Реклама в ТопДиалоге», «контакты».
Каталог статей «ТопДиалог»
Каталог статей
Данная страница содержит превью статей с картинками, тегом категорий, текстовым заголовком и датой публикации в классической 3-колоночной верстке. Подгрузка контента происходит посредством вечного Ajax-лоадера при нажатии на «загрузить еще».
Места для рекламы на странице
Места для рекламы
На сайте предусмотрены множество мест для брендовой и нативной рекламы, что открывает широкие возможности для рекламодателей и заказчиков.
Страница статьи «ТопДиалог»
Страница статьи
Данный шаблон реализован с учетом синхронизации с редактором Gutenberg, который имеет довольно обширный функционал. Ориентация контента — центричная, без левых или правых сайдбаров, что позволяет максимально удобно изучать контент на странице, не отвлекаясь на сторонние блоки.
Результаты
1. Спроектированная облегченная тема для WordPress, с максимально нативными интеграциями, способствовала удобству использования сайта для рядовых пользователей. Это важно для привлечения аудитории и удержания ее внимания;
2. Обеспечена стабильная работа агрегатора, способного выдерживать 50 тысяч посетителей в день, и обеспечивающего стабильную работу вне зависимости от браузера или устройства;
3. Реализована стабильная синхронизация с популярными социальными сетями и новостными сервисами, такими как ВКонтакте, Twitter, Яндекс.Дзен, Яндекс.Новости, Google News. Это помогло значительно увеличить охват и доступность контента;
4. Сайт успешно привлекает заинтересованных читателей, которые являются платежеспособной аудиторией, что открывает интересные возможности для рекламодателей и заказчиков.
