Белая постель с подушками на тёмно-синем фоне, поверх — крупная надпись «Sleep 8».
Белая постель с подушками на тёмно-синем фоне, поверх — крупная надпись «Sleep 8».

Задача

           Как продуманная дизайн-система помогает бренду закрепиться на рынке?

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

Head of Marketing in Spain and Portugal

Никита Евсей

Дизайн-система помогает легко вводить в работу новых дизайнеров. Также совместно с maryco мы нарабатываем библиотеку шаблонов в Figma и Adobe After Effects, которая сильно упрощает нам жизнь. Половину всех креативов могут делать штатные маркетологи без привлечения дизайнеров. Если нам нужно что-то новенькое или более сложное, мы опять идем к maryco и пополняем библиотеку шаблонов. В итоге мы получаем качественные визуалы быстрее и дешевле, чем было ранее.
Детали
Кровать Sleep.8 с мягким изголовьем и текстильными подушками на фоне типографского слогана «Not just 8 hours of sleep».
Кровать Sleep.8 с мягким изголовьем и текстильными подушками на фоне типографского слогана «Not just 8 hours of sleep».

Работа над гайдлайном

Мы собрали все компоненты, макеты и гайдлайн в Figma. Команде Sleep.8 удобен этот инструмент: в него загружены все исходники для работы, их не нужно искать по разным папкам, и штатный сотрудник может легко собирать носители.
Развороты гайдлайна Sleep.8 на синем фоне: страницы с описанием цветовой палитры, графиками и примерами макетов, а также фотостилем бренда и примерами носителей.
Открытый гайдлайн Sleep.8 на синем фоне: страница с правилами построения логотипа и вариантами написания «Sleep.8» и «S.8».
Гайдлайн
Гайдлайн

Разные палитры для ценовых сегментов и особых поводов

В брендбуке у нашего клиента были приглушенные цвета. Мы освежили их, подобрав более яркие оттенки для рекламных баннеров. Кроме того, мы ввели цветовое кодирование. Обсудив с клиентом новое решение, выбрали три палитры по ценовым сегментам.
Промо-постер Sleep.8 на тёмном фоне: реклама матраса Colchões Heaven Prestige со скидкой 20% и ценой 999 €, с 3D-рендером кровати и тумбочек.
Набор вертикальных промо-карточек Sleep.8 на тёмном фоне: объявления с ценами в евро, испанскими заголовками и фото интерьера и девушки, читающей на кровати.
Примеры креативов
Дизайн-система
Элементы стиля
Презентация Sleep.8 на экране ноутбука: слайд «luxury segment» с подборкой карточек и промо-баннеров (матрасы/кровати) в тёмной серо-чёрной стилистике.

Макеты для рекламных креативов

Мы созванивались с маркетологами клиента, чтобы узнать, какие шаблоны они используют для рекламы, какие есть рубрики. Для разного типа макетов мы продумали свои принципы построения.
Дизайн-система Sleep.8: сетка и типографика в Figma, палитра цветов и примеры рекламных карточек с ценой, адресом и промо-сообщениями.
Смартфон на синем тканевом фоне с рекламным креативом Sleep.8: фото матраса и кровати и текст «¡Nueva Apertura!» (открытие) с адресом Rambla Catalunya, 25.
Дизайн-система
Примеры креативов
Рука держит светлый рекламный буклет Sleep.8 с заголовком «Líder global em colchões e produtos» и пиктограммами категорий товаров на фоне тёмно-синих складок ткани.
Рука проводит по синей поверхности матраса Sleep.8, демонстрируя мягкость и упругость материала.
Примеры креативов
Детали

Результаты работы

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

Наши решения помогли бренду создать визуальную целостность, сэкономить временные и денежные ресурсы за счёт оптимизации работы и закрепиться на рынке.
Детали
Женщина спит на боку на постели с тёмно-синим постельным бельём, укрывшись одеялом, в мягком контрастном свете. Реклама Sleep8

Команда

Ника Октябрь
арт-директор
Андрей Тельминов
креативный дизайнер
Розалия Каримова
моушн-дизайнер