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

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

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

Команда Facility

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

Нам нужен ресурс, который будет задавать тренды в индустрии, как мы делаем в моде.

Команда L'Officiel

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

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

Громоздкость сайта. На тот момент ресурс содержал около 60 разделов.

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

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

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

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


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

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

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

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

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

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

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

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


Точкартинки

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

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

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

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

Цветa

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

Шрифтовые решения  

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

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

Узнать подробнее о создании online-версии умного глянца на сайте Facility  — https://facility.team/cases/l-officiel.