Forbes Russia: дизайн для электронной версии

Концепт дизайна мобильного приложения журнала для iPhone и iPad
Содержание

Клиент

Forbes – одно из наиболее авторитетных и известных финансово-экономических изданий в мире. Forbes Russia – российское представительство журнала.

Задача

Forbes Russia хотели увеличить число подписчиков электронной версии журнала и повысить его популярность среди мобильных пользователей. Для этого они решили изменить дизайн и подачу контента. Электронную версию планировали реализовать на цифровой платформе Mag +. С ее помощью можно верстать журналы, используя привычные средства Adobe InDesign, а затем публиковать в App Store. Surf разработал дизайн-концепт для новой электронной версии издания.

Вызовы

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

Что получилось

Мы разработали для Forbes Russia концепт дизайна для iOS-приложения. Учли все возможности и ограничения технологии Mag+. Подготовили пакет рекомендаций по дизайну мобильной версии журнала:

  • макеты основных материалов;
  • гайды по сеткам и текстовому набору.

Мы предложили изданию лаконичный дизайн в его фирменных цветах, основной акцент сделали на подаче контента – верстке, шрифтах.

Как мы это сделали

Электронная версия издания включала 2 основных раздела:

  • Журнал — интерактивная версия, созданная при помощи Mag+.
  • Новости — экран, отображающий мобильную версию сайта forbes.ru. В журнале используются ссылки на новости с сайта. По клику у пользователя открывается встроенный браузер, отображающий новость на сайте. Новости в концепте разделили по категориям.

Пользователь может перейти в нужную категорию или «провалиться» в заинтересовавшую новость.

Главные принципы лаконичного дизайна

Удобно читать с любого устройства. Пристальное внимание при разработке дизайна уделили тому, чтобы журнал было комфортно читать с разных устройств – большого экрана iPad или с маленького iPhone.

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

Текст, шрифты и верстка в центре внимания. Основа лаконичного дизайна – это грамотная работа с текстом, когда особое внимание уделяется шрифтам и верстке.

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

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

Также мы предложили Forbes Russia несколько вариантов использования интерактивной инфографики.

Основные разделы журнала в новом дизайне

К каждому материалу разработали индивидуальную обложку, привлекающую к нему внимание.

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

Это же логическое выделение цветом использовали в оглавлении журнала.

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

Давайте создадим мобильное приложение под ваши задачи вместе
Обсудить проект
Обсудить проект