E09C3330-A10F-4568-84C0-B9C81796E468

30 сентября 2019

Сказание о каталоге ДиКом — 2019

Дарья Рюмина
Корпоративный журналист

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


Задачи

  • Добавить новые серии мебели, еще не запущенные в производство
  • Показать в каталоге не только готовые комплекты, но и элементы изделий
  • Сделать возможным заказ по каталогу — т.е. придумать и внедрить систему артикулов
  • Показать, как изделие формируется из элементов
  • Красочнее и нагляднее показать преимущества изделий

Ну и просто сделать лучший каталог металлической мебели в мире. В крайнем случае — лучший в России.

Структура

Страницы каталога раскрывают его содержание. И определить его структуру — самое сложное. Как расположить серии? Что будет нового? Что объединить, а что решительно разделить? Структура нового каталога = структура новой товарной матрицы компании, линии координат, по которым будет развиваться ассортимент.

Следующий уровень — вид изделий. Показываем его гораздо подробнее, чем раньше: сначала фотография изделия во всей красе, потом преимущества (обязательно с фото или иллюстрацией!), все компоненты на «взрыве», готовые модели и отдельные элементы, из которых клиент может собрать свой вариант изделия.

Определяем структуру карточки и таблицы в ней: что пишем текстом, а что нет? Сколько должно быть иконок? Совмещаем ли в одной карточке разные размеры изделий? Сколько будет знаков в артикуле?

Первые наброски всегда от руки
Первые наброски всегда от руки

Дизайн

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

Яркие страницы о компании получились довольно быстро (нам есть что показать!). Другая сторона — кропотливая работа над иконками, которые должны быть понятными и информативными.

Перегружен верх...
Перегружен верх...
Мрачновато...
Мрачновато...
Таблицы нужны другие...
Таблицы нужны другие...
Элементы нужно расположить не так...
Элементы нужно расположить не так...
Дизайн и верстка утверждены.
Дизайн и верстка утверждены.
Много фотографий и динамика линий
Много фотографий и динамика линий
Оглавление: все сошлось!
Оглавление: все сошлось!

Картинки и тексты

Каждую модель и каждый элемент изделия нужно показать — а многих из них еще нет «живьем», они будут запущены в производство после печати каталога. Что делать? Визуализировать, основываясь на чертежах! Продумать один ракурс, подобрать цвета максимально точно, «оживить» изображения тенями — работа, конечно, творческая, но занимает много времени.

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

Взрывы

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

Взрыв верстака ДиКом ВС
Взрыв верстака ДиКом ВС
Он же с подписями
Он же с подписями

Интерьеры

Нам важно было показать все серии мебели в рабочей обстановке, в интерьере — продемонстрировать, «как это все вообще работает». 

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

Рабочие материалы
Рабочие материалы
Пробы — 1
Пробы — 1
Пробы — 2
Пробы — 2

Результат:

Фотосъемка

Преимущества изделий мы сформулировали не только для клиентов, но и для самих себя. Теперь их надо было проиллюстрировать. А заодно поснимать изделия ДиКом «каталожной съемкой» и в рабочей обстановке. 

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

Убираем лишние отсветы на столешнице
Убираем лишние отсветы на столешнице
Консилиум
Консилиум
Тумба будет на идеально белом фоне, хотя сейчас так и не скажешь
Тумба будет на идеально белом фоне, хотя сейчас так и не скажешь
В качестве модели — директор по развитию. Должность обязывает.
В качестве модели — директор по развитию. Должность обязывает.
Спорим с гравитацией
Спорим с гравитацией

Заполнение контентом

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

Обложка

Наконец каталог сверстан, вся недостающая информация получена, картинки нарисованы, фото стоят на своих местах, данные в таблицах заполнены. Можно и «отдохнуть», выбирая обложку. 

Эксперименты с идеей кубика Мебиуса
Эксперименты с идеей кубика Мебиуса
Может использовать фоновую фотографию?
Может использовать фоновую фотографию?
Или комбинированный вариант?
Или комбинированный вариант?
Возвращаемся к нашим фирменным иллюстрациям, но от идеи куба отказываемся — нам нужно движение вверх, а не замкнутая система. Щедро разбрасываем по обложке «пасхалки», отмечая ими ключевые рабочие моменты этого года.
Возвращаемся к нашим фирменным иллюстрациям, но от идеи куба отказываемся — нам нужно движение вверх, а не замкнутая система. Щедро разбрасываем по обложке «пасхалки», отмечая ими ключевые рабочие моменты этого года.

Цветопроба

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

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

Понимаем, что, кажется, все получилось. 

Проверка и.... печать!

Тексты и данные проверяются и перепроверяются (некоторые опечатки мы все равно, увы, пропустили, но обязательно учтем их в следующем издании). И... запуск в печать. А потом томительное ожидание результата.

Смотреть онлайн-версию каталога

Что дальше? Следующий каталог!


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

Современный учебный класс в ДГТУ

Мебель ДиКом прекрасно вписалась в интерьер в стиле лофт.
Связаться с нами