Рыжий дизайнер

Задание Design Battle на 11.08.2018
Нарисовать Landing page(одностраничник, посадочную страницу) по продаже продукции Milka. Это может быть страница презентации одной шоколадки, а может быть мультивыбор. Ограниений нет. Вставлять рыбу, писать контент самостоятельно или брать существующий с других сайтов - не имеет значения, все на ваше усмотрение.

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

Регламент проведения(время МСК):
14:45 - старт стрима https://www.twitch.tv/designbattle
15:00-15:45 - дизайнеры рисуют макеты, а вам все показывают и рассказывают комментаторы.
15:45 до победного - общение с участниками, со зрителями, голосование за лучшую работу.

Комментировать для вас будут:
@designeriam и @RayanTvin (да да, тот самый)

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

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

Обычный ответ — когда компания и продукт, который она создаёт, достаточно созрела для этого. И приводят знакомые всем симптомы:
Хаос достиг своего апогея.
Фронтендеры превратились в безвольных верстальщиков.
Дизайнеры срутся между собой.
Новые визуальные части продукта отличаются от предыдущих и всё превращается в мешанину образов.
Вокруг царит «Дизайнерский Дикий Запад». Каждый дрочит как хочет.

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

Считаю, что этого можно не допустить, внедряя элементы дизайн-системы на ранних этапах развития продукта.
К сожалению, ТМ до нашего прихода проработал 14 лет и, надеюсь, просуществует ещё столько же. Визуальный хаос там черпали ложками.
Однако в новых продуктах нет такой проблемы, можно сразу делать по уму.

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

Продукт развивается по стандартному пути. Расскажу о том, как бы мы поступили с дизайн-системой на каждом из этапов:

Стартап. Задача — как можно скорее запустить продукт, чтобы проверить бизнес-модель и другие гипотезы. Не тратим время на создание дизайн-системы, берём часть готовой. Например, компоненты Bootstrap. Не нужен специальный внедренец, следуем правилам Бутстрапа и в ус не дуем.
Первичный рост. Бизнес-модель работает, продукт зарабатывает деньги. Появляется первый дизайнер, недорогой. Кастомизируем визуальную часть Бутстрапа, оставляя его архитектуру. Наводим марафет с помощью корпоративных цветов, шрифтов и сеток, пока этого достаточно.
Развитие. Бурный рост. В команде несколько дизайнеров, каждый хочет тянуть одеяло на себя. Определяем одного ответственного за систему, доверяем и помогаем ему. В этот момент следует принять решение — создавать ли новую систему или же придерживаться готовой. В большинстве случаев хватает кастомизировать готовые.
Зрелость. Стагнация. Продукт исчерпал рынок или не отвечает требованиям. В команде несколько дизайнеров и чёткая дизайн-система. Последнее, что нужно делать в этот момент — затевать «ребрендинг в связи с репозицонированием».
Упадок. Компания теряет деньги. Вокруг сокращения и попытки перезапустить бизнес. Поздно пить боржоми — внедрять дизайн-систему уже поздно, однако преимущества существующей продолжают действовать. 

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

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

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