Цифровой медиажурнал для современных женщин

ЗАДАЧА

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

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

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

Решение

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

Концепция

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

«Мир безвозвратно изменился. Цифровой метамодернизм диктует иные подходы к управлению информацией. Теперь цифра — нефть, золото и платина XXI века, а человек стремится к осознанности, формируя новые ценности общества.

Модернисты на стыке веков создали новый тип издания светских журналов высокого художественного образца для интеллектуалов — журналы-манифесты. Мы представляем новое искусство интеллигенции в мультимедийном формате для персон, развивающих форму и содержание — Manifest Magazine».

Поиск

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

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

• Интеллектуальность отразили в минималистичном современном дизайне проекта. Без «гонки» за трендами и вычурным оформлением. Эстетически приятный и направленный на человека дизайн, не отвлекающий от главного — контента сайта.
• Лёгкость — достаточно абстрактное, но хорошо выражаемое в визуальном оформлении понятие. Через открытые композиции в оформлении передаём простор и свободу, а спокойные приглушённые цвета задают нужное состояние.
• Экспертность показали в чёткости линий и форм — строгая сетка, резкие границы изображений и блоков задают тон и ритм повествования.

Дизайн

Изначально рассматривали черно-белую гамму как основу всей концепции. Белый — это свет, чистый лист, вдохновение. А чёрный — цвет типографской краски, строгой элегантности и интеллектуальности. В дополнение к черно-белым оттенкам выбрали акцентные цвета — оттенки синего и кораллового.

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

На этом же этапе было решено добавить графические элементы в виде овалов и звёзд, которые придают мягкость и утончённость.

Также изменили и подход к визуальному ряду. В процессе работы отошли от «глянцевой вылизанности» в сторону жизни, будто бы случайных кадров.

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

Типографика

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

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

Структура и прототипирование

За основу структуры сайта взяли утвержденную заказчиком стратегию работы с контентом.

Так как журнал содержит большое количество рубрик и подрубрик, колонок экспертов и обзоров — сделали удобную навигацию по разделам, предусмотрели фильтрацию и поиск по ключевым словам.

Внимание на главном

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

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

Все статьи на сайте делятся на четыре большие рубрики — манифесты, которые в свою очередь содержат подразделы. Отдельный вид материала на сайте — «Колонки экспертов», где специалисты делятся опытом и личным мнением.

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

Привлечение авторов

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

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

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

Публикация статей

Для добавления и редактирования статей решили использовать визуальный редактор — автор сразу видит, как будет отображаться его материал на портале.

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

Визуальные блоки

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

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

Не забыли и о сложности подбора главного изображения для статьи — по дизайну у нас это горизонтальный формат, но в авторских тематиках сложно найти красивое тематическое фото в хорошем разрешении. Дали возможность авторам выбирать картинки по своему усмотрению — система сама добавит поля к изображению на странице статьи, а в категориях заново сверстали блоки с подборками статей, применив Flex Masonry Layout — сетку в виде неровной кирпичной кладки.

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

Омниканальность

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

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

Привлечение трафика

Часть аудитории на сайт приходит из поисковых систем и социальных сетей проекта Manifest. Также тестировали рекламу из Telegram, но быстро пришли к выводу, что в текущем варианте она подходит только для привлечения посетителей в канал, что не пригодна для рекламы информационного портала и закрыли нерентабельное направление.

Тизеры быстро показали хорошие результаты по трафику и задали рост посещаемости. Лучшего результата, которого нам удалось добиться — 2 рубля за вовлеченного пользователя.

Контекстная реклама

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

Подключили статистику по медийным и контентным проектам в Яндекс.Метрике, регулярно анализировали данные по аудитории и уже после пары месяцев работы оптимизировали рекламные каналы таким образом, что смогли получать более 1000 посетителей в сутки из рекламных сетей со стоимостью перехода менее 1 рубля и среднем временем на сайте 7,5 минут. А затраты на привлечение целевого посетителя — прочитавшего от 2 статей — обходятся примерно в 1,5 цента, что оправдывает название применяемой стратегии.

Перспектива развития

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

Проработанная архитектура сайта позволит запустить первую версию приложений в течение нескольких месяцев после начала работ — мы изначально подходили к проектированию в стратегии mobile-first и предусмотрели запуск progressive web application.

Media Kit

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

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

Результат

Отзыв о работе

Команда проекта