Вводная задача от заказчика, проблематика, цели

Жили были JetStyle и ЕТВ. Однажды ребята из ЕТВ решили поменять свой сайт, сделать его крутым, стильным и удобным для чтения лонгридов. А JetStyle был рад ему помочь!

 Описание реализации кейса и творческого пути по поиску оптимального решения

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

Смотрят или читают? Короткие заметки или лонгриды? Серьезные или с долей юмора?

Поиск стиля 

Мы подбирали... и подбирали... и подобрали цвета! И шрифты! И вообще!

Всего мы перепробовали 15 вариантов.

В итоге остановились на этом:

Арт-директор заставил дизайнера разработать выразительную и удобную сетку.

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

Иии… дизайн!

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

Разработали UI-элементы

...Крутилки и вертелки:

Одной из главных фишек сайта являются «головы», на создание которых нас вдохновил The Guardian. А главное, их можно снимать, не тратя много денег на студию, нужны только iPhone и крутящийся стул.

  Нарисовали все остальное

Наконец, стиль и главная готовы! Под прицелом — внутренние страницы. Все это великолепие может быть использовано на разных типах страниц, будь то новость, лонгрид или эфир.

Продумали, как работает эфир

Вместе с ребятами из ЕТВ проанализировали работу эфира, который в проекте занимает особое место. У него бывает три состояния:

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

Страница эфира приглашает зрителя перед, вовлекает во время и радует после эфира.

 Нарисовали чарующий лонгрид

 Сформировали концепцию [панели] администрирования

Как же управлять таким сайтом? Для редакции СМИ важно продумать действительно удобную панель администрирования, ведь журналисту, редактору, трафик-менеджеру и другим сотрудникам ЕТВ нужен разный набор функций, а следовательно, и разные разделы панели.

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

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

Весь контент проходит по маршруту журналист — редактор — главный редактор. Поэтому для ЕТВ важно, чтобы он был в виде WYSIWYG (What You See Is What You Get), и на каждом этапе работы можно было увидеть его актуальное состояние.

 Нарисовали  адаптивную версию сайта

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

Перейти на сайт