L'Officiel — эволюция цифрового глянца

Больше года прошло после запуска новой онлайн версии украинского сайта о мире моды, красоте и искусстве — L'Officiel Украина.

Комментарии 804

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

Над обновлением онлайн-издания работала команда креативного digital агентства Facility. Мы проведем ретроспективу креативного процесса и поделимся идеями, которые реализовали при работе с online глянцем.

Важная задача команды издания —  сохранить баланс между интересом аудитории к строгому и сдержанному печатному журналу и склонной к экспериментам онлайн версии. L'Officiel Online следует собственным форматам, стилю и форме подачи.

«Нам нужен ресурс, который будет задавать тренды в индустрии, как мы делаем в моде». Команда L'Officiel

С чем стартовали

После детального изучения существующей платформы мы выявили 2 ключевые проблемы:

Громоздкость сайта. На тот момент ресурс содержал около 60 разделов.
Неудобная админпанель. Журналисты вынуждены были тратить много времени на наполнение сайта контентом.

Перед разработкой концепции мы проанализировали украинские модные digital-издания и прониклись вызовами, которые стоят перед fashion журналистикой.

Глянец без бумаги

Согласно политике L'Officiel digital-портал не интернет-версия печатного журнала — значит не дублирует его, а дополняет. Так, у нас возникла идея передать пользователям ощущения глянца в онлайн, создать «глянец без бумаги». Интерактивный слайдер со стрелками на главной странице придает пользователю ощущение перелистывания страниц подобно тому, когда он листает печатное издание. Такой же принцип позволяет перелистывать статьи на внутренних страницах.

 L'Officiel screencast 1

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

На главной странице список публикаций чередуется с крупными снимками и блоками на всю ширину экрана — Special, «Материал дня», подписка на email рассылки, страницы социальных сетей.

Разговор по-мужски

L'Homme — мужская версия журнала со своим стилем и тематикой. Нашей задачей было выделить раздел на фоне всего сайта. Чтобы подчеркнуть ориентированность на мужскую аудиторию в оформлении этого раздела в качестве фона мы использовали черный цвет. Так материалы мужской версии легко идентифицировать по более маскулинному характеру.

Игра в переодевание

Девушки часто задаются вопросами, как правильно выбрать наряд и с чем носить ту или иную вещь. Это натолкнуло нас создать рубрику «Что надеть», которая позволяет пользователям генерировать модные образы. Нажатие кнопки создает варианты комбинаций одежды. Каждая картинка кликабельна и ведет на внешний сайт, где вещь можно приобрести.

 L’Officiel screencast 2

Листать как фотоальбом

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

 L’Officiel screencast 3

Точкартинки

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

Конструктор публикаций

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

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

Цветa. Чтобы сделать акцент на контенте в качестве основного цвета мы не побоялись использовать много белого пространства. Белый ассоциируется со свободой, чистотой и завершенностью. Сочетание белого с черным в минималистичном дизайне подчеркивают утонченность и элегантность, определяющие стилистику журнала. Для выделения активных элементов сайта мы выбрали фирменный фиолетовый оттенок L'Officiel, который ассоциируется с роскошью и богемой. 

Шрифтовые решения. Мы учли, что редакция L'Officiel Online уходит от стандартных фраз и не боится экспериментов с заголовками. В них можно встретить игру слов, цитаты песен и названия литературных произведений. Выразительный и экспрессивный шрифт Cormorant подчеркивает смысловые месседжи заголовков и ключевые акценты в тексте. Для простоты восприятия основного текста был выбран легкий, современный геометрический гротеск — Proxima Nova.


Онлайн-версия L'Officiel помогла мировому бренду раскрыть новые грани характера и стала надежной платформой для экспериментов и создания трендов не только в моде, но и в вебе.

 L'Officiel case
Обсудить с другими читателями:
Погода