• TopDialog

  • TopDialog

ТопДиалог

Интернет-агрегатор
новостного издания

Описание

Действующий новостной-агрегатор регионального типа. Ориентирован на рядовых пользователей, выступающими в роли любопытных читателей, а также компаний продвигающихся в СМИ.

Команда ТопДиалога готовят и публикуют: интервью, статьи, репортажи, обзоры, подборки мнений и цитат, комментарии и новостные заметки на самые важные темы. В основе каждого материала агентства – прямая речь источника или эксперта.

О проекте

ТопДиалог - это не просто сайт, но и опытная команда с богатым бэкграундом (опытом) формирующая новостной контент высокого уровня.

Команда распределена по всей России, но также имеет свою штаб-квартиру в историческом центре Санкт-Петербурге рядом со станцией метро Восстания.

TopDialog

Задача

Спроектировать новостной агрегатор на базе CMS WordPress, который способен выдерживать 50 тысяч посетителей в день. Для этой цели была спроектирована нашими инженерами облегченная тема для WordPress, которая имеет максимально нативные интеграции.

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

Приоритетными задачами для данного проекта стоит также стабильная синхронизация сайта с внешними сервисами, такими как:

Главная страница

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

  • TopDialog
  • TopDialog

Первый экран

На стартовой странице нет полноценных секций во всю высоту экрана. Именно список самых актуальных новостей в виде миниатюр является UX ориентированным решением.

Первым блоком выстаупает "Картина дня" - это горизонтальный слайдер с превью новостей, где можно через админ-панель указывать вручную необходимые новости, либо выставлять условия публикации статей, которые были опубликованы, например, за последнюю неделю или пару дней.

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

  • TopDialog
  • TopDialog

Второй экран

Данный блок содержит в себе несколько независимых друг от друга элементов.

  1. Лента новостей в виде сайтбара с скролингом в левой части секции.

  2. Три равнозначных блока с превью статей по тематике: образование, город, погода.

  3. Блок с дайджестом, который по формату содержит краткие обзоры, аннотации и события.

  4. А также динамический рекламный модуль.

  • TopDialog
  • TopDialog

Заключительный экран

Данная секция также содержит превью статей разбитых на тематики: интервью, политика, медицина и ЗОЖ, общество.

  • TopDialog
  • TopDialog

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

Новостной портал в полной мере работает на всех мобильных устройствах: планшетах и телефонах. Также важной составляющей для мобильного трафика - это работа AMP-страниц (Google) и Турбо-страниц (Yandex).

  • TopDialog
  • TopDialog
  • TopDialog

История

Информационно-агенство было основано Марией Варзеговой в 2010 году. Идея заключалась в том, чтобы создать независимое информационное бюро, которое освещало региональные новости через Интернет.

TopDialog

Завершающие блоки

В Footer дана возможность подписаться на рассылку, ознакомиться с юридическими данными новостного агенства, предоставлены метрики на ресурсы, чтобы понимать объемы трафика, а также навигационная панель дублирующая часть ссылок с header.

TopDialog
TopDialog

Навигационная панель

Идея в стилистике навигационной панели в Header заключается в том, что она является пером, а логотип - это наконечник пера, при помощи которого осуществляется написание статей.

В зеленом блоке предоставлены основные навигационные элементы - ссылки на главные рубрики, а также при помощи иконок дана возможность переходить на новостной feed агенства и на посадочные страницы социальных сетей.

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

TopDialog
TopDialog

Аудитория

от 120 000 посетителей
в месяц
от 170 000 просмотров сайта
в месяц
62% пользователей из
Санкт-Петербурга и ЛО
11,5% из Москвы и МО
28% - персональные компьютеры и ноутбуки
72% - смартфоны и планшеты
55% аудитории женщины
45% аудитории - мужчины

Публикуемые материалы

Форматы

  • Инструкции
  • Репортажи
  • Заметки и анонсы
  • Интервью
  • Опросы
  • Статьи
  • Баннеры
  • Пресс-релизы
  • Фотоистории

Рубрики

  • Как это? (эксперименты)
  • Где это? (о местах и маршрутах)
  • Просто о сложном (научпоп)
  • I like my job (о профессиях)
  • Ситуация (о сложных общественных явлениях)
  • Петербург зеленеет (эко)
  • Диалоги на улицах (опросы)

Социальные сети

  • Вконтакте
  • Instagram
  • Facebook
  • Twitter
  • Яндекс.Дзен

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

Фоторепортаж + статья

Показали и рассказали, как петербурженка благоустраивает придомовую территорию

TopDialog

Инструкция

Рассказали, какие ярмарки посетить петербургским родителям перед началом учебного года

TopDialog

Партнёрский материал

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

TopDialog

Новостная лента

Большая часть аудитории (80%), которая заходит на ресурс пользуется мобильными устройствами. Новостная лента не нагружена дизайнерскими элементами, чтобы ознакомление со списком новостей было просто.

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

TopDialog

Об агенстве

Стилизованная страница с корпоративными цветами посвященная описанию проекта "ТопДиалог" и всей необходимой контактной и юридической инфорацией.

Блок с фотографиями участников команды реализован для того, чтобы потенциальные заказчики понимали, что агенство - это реальные люди

Также на данной странице проработан дополнительный навигационный блок, который ведет на "наши спикеры", "наши проекты", соц сети, "Реклама в ТопДиалоге", "контакты".

TopDialog

Каталог статей

Данная страница содержит превью статей с картинками, тегом категорий, текстовым заголовком и датой публикации в классической 3-колоночной верстке. Подгрузка контента происходит посредством вечного Ajax-лоадера при нажатии на "загрузить еще".

TopDialog

Страница статьи

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

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

TopDialog

Завершение статьи

В завершении страницы стать сделано 2 рекомендальных блока, где есть возможность поделиться в соц.сетях и тереграм меседжере новостью, а также прочитать новость на сервисах Yandex.

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

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

  • TopDialog
  • TopDialog

Целевая аудитория

  • Заинтересованные читали материалов

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

  • Рекламодатели

  • Закзачики, которые заинтересованы в массовом продвижении продукта или услуг.

Форматы рекламы

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

Места для рекламы

  • TopDialog
  • TopDialog
  • TopDialog
  • TopDialog
  • TopDialog

Рекламные возможности

Баннерная реклама и брендирование портала

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

Нативная реклама

  • формирование имиджа бренда
  • создание информационного поля
  • совершение осознанного действия (покупки)
  • личностный PR, продвижение личного бренда
  • максимальное вовлечение в коммуникацию с брендом

Нативная реклама

  • Реализуется с использованием любых существующих форматов ИП "Диаглог" или с разработкой и внедрением уникальных спецпроектов.

  • Создается профессиональными журналистами с учетом тенденций информационного поля и реальных предпочтений аудитории

  • Позволяет побороть "баннерную слепоту", которая не дает пользователям положительно реагировать на рекламу.

  • Не ограничена техническими требованиями, временными рамками, размерами и креативностью дизайнера

  • Дает возможность, рассказать обо всех особенностях и преимуществах продукта, услуги или бренда.

  • Нативно интегрирована в общую стилистику сайта

Стили сайта

  • #0A7354
  • #000000
  • #333333
  • #AAAAAA
  • #FFFFFF

Элементы сайта

TopDialog
TopDialog

Типографика

  • Заголовки и строчный набор

    aAvanteBs

    • Aa
    • Bb
    • Cc
    • Dd
    • Ee
    • Ff
    • Gg
    • Hh
    • Ii
    • Jj
    • Kk
    • Ll
    • Mm
    • Nn
    • Oo
    • Pp
    • Qq
    • Rr
    • Ss
    • Tt
    • Uu
    • Vv
    • Ww
    • Xx
    • Yy
    • Zz

Мы готовы взяться за проект
любой сложности

Мы готовы обсудить ваш проект, создать стратегию реализации сайта и сформировать индивидуальное предложение. У вас есть вопросы? Просто оставьте заявку на сайте и мы свяжемся с вами в ближайшее время.

Получить консультацию Наше портфолио

Наши последние работы

Если у Вас появится желание с нами работать, мы всегда рады помочь и ответить на Ваши вопросы.