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

СайтыСМИ

Из формата блога Instagram сделали полноценный цифровой журнал с продуманной навигацией по разделам, тем самым расширили аудиторию и повысили узнаваемость бренда

Обложка кейса Manifest Magazine

О проекте

Перечисление категорий цифрового журнала Manifest Magazine

Клиент

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

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

Ядро ЦА — девушки в возрасте от 26 до 38. Молодые, дерзкие, модные. Отличные профессионалы и хорошие мамы.

Задачи

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

Процесс и решения

Проработали визуальную концепцию

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

Вначале основу цветовой палитры составляли черно-белые оттенки, а в дополнение к ним выбраны акцентные цвета — оттенки синего и оранжевый.

Подбор цветовой гаммы

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

А графические элементы в виде овалов и звёзд придают утончённость и изящность.

Подбор цветовой палитры и шрифтов

Спроектировали структуру

Продумали структуру сайта и приступили к прототипированию.

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

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

  • 9 уникальных страниц
  • 35 информационных блоков для создания статьи
  • 2 варианта первого экрана
Интерфейс структуры страниц

Отображение статей в слайдере

Интерфейс слайдера статей

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

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

Интерфейс слайдера для гороскопа

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

Интерфейс слайдера статей

Еженедельный гороскоп от персонального астролога

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

Интерфейс показа статей на странице рубрики

Легко переключаться между рубриками

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

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

Интерфейс показа статей на странице рубрики

На странице «Колонки экспертов» также можно отфильтровать статьи по интересующей рубрике.

Интерфейсы Manifest Magazine
Интерфейс страницы стать автором

Акцент на привлечение авторов

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

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

Интерфейс мобильного меню

Акцент на странице «Стать автором» сделали также в меню, оформив переход на страницу в виде кпопки, привлекающей внимание.

Интерфейс страницы автора

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

Так каждый автор имеет свою колонку в журнале, свой голос, своё имя. Статьи каждого отдельного автора можно также отфильтровать по темам.

Интерфейс вдохновения дня

Вдохновляющие цитаты на каждый день

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

Интерфейс страницы статьи

Много внимания уделили разработке страницы статьи

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

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

Продумали возможные варианты представления информации

Для добавления и редактирования статей решили использовать плагин для Wordpress — Gutenberg.

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

Интерфейс таблицы на странице статьи

В ходе работы поняли, что этих вариантов не хватает

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

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

Интерфейс рецепта завтраков в статье Интерфейс вставки instagram в статьи

А ещё сделали возможным добавлять посты Инстаграм прямо в статью.

Это важно, так как журнал изначально родился из инстаграм-аккаунта. К тому же таким образом можно добавлять актуальный контент сразу с указанием автора.

Результат

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

Продолжаем сотрудничество с клиентом и ежедневно публикуем и оформляем статьи.

  • Скорость загрузки 3 секунды
Технологии
  • wordpress
  • css3
  • html5
  • php
Сдали проект ноябрь 2021
Александр Курносов Александра Ливадченко Марина Теодорович Софья Маняпова Андрей Иванов
  • Арт-директор Андрей Иванов
  • UX/UI Дизайнер Марина ТеодоровичСофья Маняпова
  • Проджект-менеджер Александра Ливадченко
  • Разработчик Александр Курносов

Давайте обсудимвашу задачу

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

Описание задачи
Ваши контакты

Спросите нас о чем угодно прямо в WhatsApp

Мы отвечаем дружелюбно и быстро, не стесняйтесь :)

Обсудить проект

Укажите свои контактные данные и мы перезвоним вам.

Или напишите нам в WhatsApp, и мы ответим на все вопросы.