Дизайн-концепция Совкомблога

Подготовить новую дизайн-концепцию продукта, так как текущий дизайн устарел, изменились бизнес-цели проекта и продукт начал отставать от конкурентов.

SEO-трафик. 98% пользователей не идут дальше одной страницы, не взаимодействует с сайтом, что негативно влияет 
на поведеческие факторы и сказывается на глубине просмотров;

Большинство страниц содержат минимум полезной информации, которая никак не помогает пользователю в принятии решения;

По сравнению с основными конкурентами продукт выглядит устаревшим;

Рекламные блоки, которые не считываются в мобильной версии и не несут профит.

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

Внедрили живую ленту и весь интерфейс строится вокруг данного подхода.

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

  1. Удобство скроллинга

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

  1. Персонализация

Живая лента может адаптироваться к предпочтениям пользователя, показывая наиболее релевантные статьи в реальном времени, тогда как колонная система фиксирована и менее гибкая

  1. Вовлечение

Лента создает непрерывный поток информации, удерживая внимание пользователя дольше, а карточки в колонках могут восприниматься как разрозненные элементы

  1. Мобильный опыт

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

Главная страница «Совкомблог»

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

Боковое навигационное меню по категориям

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

Боковое навигационное меню по категориям

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

Моя лента

В авторизованной зоне пользователь может читать персональную ленту, подписываясь на интересующие темы, категории или авторов, что помогает сосредоточиться на полезном контенте

Моя лента

В авторизованной зоне пользователь может читать персональную ленту, подписываясь на интересующие темы, категории или авторов, что помогает сосредоточиться на полезном контенте

Реакции

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

Реакции

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

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

В качестве примера показали несколько вариантов блока Главные находки недели, которые являются промотирующими 
и привлекающими внимание к другим тематикам на выбор редакции

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

В качестве примера показали несколько вариантов блока Главные находки недели, которые являются промотирующими 
и привлекающими внимание к другим тематикам на выбор редакции

Бесконечная лента

Позволяет скролить информацию бесшовно и взаимодействовать с разными тематическими блоками. Компенсирует отстуствие зоны футера своим функционалом.

Бесконечная лента

Позволяет скролить информацию бесшовно и взаимодействовать с разными тематическими блоками. Компенсирует отстуствие зоны футера своим функционалом.

Подписка на раздел и на рассылку

Теперь пользователь может не только подписаться на новостную рассылку, но и выбрать интересующие его категории (подкатегории) и подписаться на них.

Подписка на раздел и на рассылку

Теперь пользователь может не только подписаться на новостную рассылку, но и выбрать интересующие его категории (подкатегории) и подписаться на них.

Детальная страница статьи

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

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

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

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

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

Шаблон страницы

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

Шаблон страницы

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

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

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

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

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

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

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

Реакции, лайки и комментарирование

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

Реакции, лайки и комментарирование

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

Алёна Рыжова

Тимлид, Ведущий руководитель проектов

Игорь Чуркин

Арт.директор направлении

Дарья Галановская

Дизайнер интерфейсов

Екатерина Савенкова

Дизайнер интерфейсов