ИНТЕРНЕТ-АГРЕГАТОР
НОВОСТНОГО ИЗДАНИЯ
Описание
Действующий новостной-агрегатор регионального типа. Ориентирован на рядовых пользователей, выступающими в роли любопытных читателей, а также компаний продвигающихся в СМИ.
Команда ТопДиалога готовят и публикуют: интервью, статьи, репортажи, обзоры, подборки мнений и цитат, комментарии и новостные заметки на самые важные темы. В основе каждого материала агентства – прямая речь источника или эксперта.
О проекте
ТопДиалог - это не просто сайт, но и опытная команда с богатым бэкграундом (опытом) формирующая новостной контент высокого уровня.
Команда распределена по всей России, но также имеет свою штаб-квартиру в историческом центре Санкт-Петербурге рядом со станцией метро Восстания.
Задача
Спроектировать новостной агрегатор на базе CMS WordPress, который способен выдерживать 50 тысяч посетителей в день. Для этой цели была спроектирована нашими инженерами облегченная тема для WordPress, которая имеет максимально нативные интеграции.
Стояла задача реализовать сайт, который будет удобен в использовании для ознакомления с новостями и статьями для рядовых пользователей вне зависимости от браузера или устройства, с которого заходят на сайт.
Приоритетными задачами для данного проекта стоит также стабильная синхронизация сайта с внешними сервисами, такими как:
Главная страница
Мы разработали представление главной страницы с учетом необходимости отображении превью новостей: картины дня, ленты новостей, статейных рубрик и интервью в одном компактном формате.
Первый экран
На стартовой странице нет полноценных секций во всю высоту экрана. Именно список самых актуальных новостей в виде миниатюр является UX ориентированным решением.
Первым блоком выстаупает "Картина дня" - это горизонтальный слайдер с превью новостей, где можно через админ-панель указывать вручную необходимые новости, либо выставлять условия публикации статей, которые были опубликованы, например, за последнюю неделю или пару дней.
Также предусмотрена фозможность фиксации одной новости и вынесения ее за пределы слайдера в рамках этой же секции.
Второй экран
Данный блок содержит в себе несколько независимых друг от друга элементов.
-
Лента новостей в виде сайтбара с скролингом в левой части секции.
-
Три равнозначных блока с превью статей по тематике: образование, город, погода.
-
Блок с дайджестом, который по формату содержит краткие обзоры, аннотации и события.
-
А также динамический рекламный модуль.
Заключительный экран
Данная секция также содержит превью статей разбитых на тематики: интервью, политика, медицина и ЗОЖ, общество.
Мобильная версия
Новостной портал в полной мере работает на всех мобильных устройствах: планшетах и телефонах. Также важной составляющей для мобильного трафика - это работа AMP-страниц (Google) и Турбо-страниц (Yandex).
История
Информационно-агенство было основано Марией Варзеговой в 2010 году. Идея заключалась в том, чтобы создать независимое информационное бюро, которое освещало региональные новости через Интернет.
Завершающие блоки
В Footer дана возможность подписаться на рассылку, ознакомиться с юридическими данными новостного агенства, предоставлены метрики на ресурсы, чтобы понимать объемы трафика, а также навигационная панель дублирующая часть ссылок с header.
Навигационная панель
Идея в стилистике навигационной панели в Header заключается в том, что она является пером, а логотип - это наконечник пера, при помощи которого осуществляется написание статей.
В зеленом блоке предоставлены основные навигационные элементы - ссылки на главные рубрики, а также при помощи иконок дана возможность переходить на новостной feed агенства и на посадочные страницы социальных сетей.
На второстепенной линии навигационной панели вынесен информационный модуль, показывающие котировки доллара и евро, актуальную погоду в Санкт-Петербурге на нынешний момент, посередине - самая актуальная рубрика и интерактивный поиск по всему сайту.
Аудитория
в месяц
в месяц
Санкт-Петербурга и ЛО
Публикуемые материалы
Форматы
- Инструкции
- Репортажи
- Заметки и анонсы
- Интервью
- Опросы
- Статьи
- Баннеры
- Пресс-релизы
- Фотоистории
Рубрики
- Как это? (эксперименты)
- Где это? (о местах и маршрутах)
- Просто о сложном (научпоп)
- I like my job (о профессиях)
- Ситуация (о сложных общественных явлениях)
- Петербург зеленеет (эко)
- Диалоги на улицах (опросы)
Социальные сети
- Вконтакте
- Яндекс.Дзен
Примеры материалов
Фоторепортаж + статья
Показали и рассказали, как петербурженка благоустраивает придомовую территорию
Инструкция
Рассказали, какие ярмарки посетить петербургским родителям перед началом учебного года
Партнёрский материал
Поговорили с владельцем пивоварни о его бизнесе и пивной культуре
Новостная лента
Большая часть аудитории (80%), которая заходит на ресурс пользуется мобильными устройствами. Новостная лента не нагружена дизайнерскими элементами, чтобы ознакомление со списком новостей было просто.
Она выглядет однообразно как на телефонах и на планшетах, так и на персональных компьютерах. Датировка публикации выставлена с точностью до минуты.
Об агенстве
Стилизованная страница с корпоративными цветами посвященная описанию проекта "ТопДиалог" и всей необходимой контактной и юридической инфорацией.
Блок с фотографиями участников команды реализован для того, чтобы потенциальные заказчики понимали, что агенство - это реальные люди
Также на данной странице проработан дополнительный навигационный блок, который ведет на "наши спикеры", "наши проекты", соц сети, "Реклама в ТопДиалоге", "контакты".
Каталог статей
Данная страница содержит превью статей с картинками, тегом категорий, текстовым заголовком и датой публикации в классической 3-колоночной верстке. Подгрузка контента происходит посредством вечного Ajax-лоадера при нажатии на "загрузить еще".
Страница статьи
Данный шаблон реализован с учетом синхронизации с редактором Gutenberg, который имеет довольно обширный функционал.
Ориентация контента - центричная, без левых или правых сайтбаров, что позволяет максимально удобно изучать контент на странице, не отвлекаясь на сторонние блоки.
Завершение статьи
В завершении страницы сделано 2 рекомендальных блока, где есть возможность поделиться в соц.сетях и тереграм меседжере новостью, а также прочитать новость на сервисах Yandex.
Второй блок - это ревью с миниатюрами, а также интерактивный функционал формы для того, чтобы подписаться на рассылку и ссылка на отдельную страницу "предложить новость".
Относительно рассылки с сайта, реализован функционал, который позволяет формировать автоматически рассылку подписчикам с определенным интервалом времени.
Целевая аудитория
-
Заинтересованные читали материалов
— читатели, которые являются платежоспособной аудиторией и вовлечены в процесс ознакомления с новостями, важно сохранять показатель нахождения одного пользователя не менее 3 минут на сайте.
-
Рекламодатели
-
Закзачики, которые заинтересованы в массовом продвижении продукта или услуг.
Форматы рекламы
Места для рекламы
Рекламные возможности
Баннерная реклама и брендирование портала
- анонсирование событий
- формирование намерения покупки
- максимальных охват целевой аудитории
- коммуникация с официальным сайтом
- повышение узнаваемости бренда
Нативная реклама
- формирование имиджа бренда
- создание информационного поля
- совершение осознанного действия (покупки)
- личностный PR, продвижение личного бренда
- максимальное вовлечение в коммуникацию с брендом
Нативная реклама
Реализуется с использованием любых существующих форматов ИП "Диаглог" или с разработкой и внедрением уникальных спецпроектов.
Создается профессиональными журналистами с учетом тенденций информационного поля и реальных предпочтений аудитории
Позволяет побороть "баннерную слепоту", которая не дает пользователям положительно реагировать на рекламу.
Не ограничена техническими требованиями, временными рамками, размерами и креативностью дизайнера
Дает возможность, рассказать обо всех особенностях и преимуществах продукта, услуги или бренда.
Нативно интегрирована в общую стилистику сайта
Стили сайта
-
#0A7354
-
#000000
-
#333333
-
#AAAAAA
-
#FFFFFF
Элементы сайта
Типографика
-
Заголовки и строчный набор
aAvanteBs
- Aa
- Bb
- Cc
- Dd
- Ee
- Ff
- Gg
- Hh
- Ii
- Jj
- Kk
- Ll
- Mm
- Nn
- Oo
- Pp
- Rr
- Ss
- Tt
- Uu
- Vv
- Ww
- Xx
- Yy
- Zz
Наши последние работы по разработке сайтов
Если у вас появится желание с нами работать — заказать разработку сайта или приложение, мы всегда рады помочь и ответить на интересующие вас вопросы по разработке.