С самого первого дня как я занимаюсь дизайном — я все копирую. И это неплохо, так рождаются новые идеи и смыслы. Спустя пару лет копировать начали меня, первое, что у меня взяли — это заметки на полях в Эгее. Прям все подряд. Затем один диз у меня спиздил дизайн целого сайта. Я к этому относился очень плохо, а теперь я понимаю, что это хорошо. Хорошо, когда тебя копируют, это значит в чьих-то глазах ты сделал нечто клевое. Говно не копируют обычно.

Сегодня увидел дизайн сайта, который копирует наш дизайн Интелдома. Я немного выпал, но в целом польщен.

Но! Копировать нужно с умом. Просто взять образ и использовать у себя — слишком узколобо. За дизайном должна быть идея. В нашем дизайне блестка — это клиент, поэтому она привязана к блоку защиты. А красная звездочка — это атака, опасность. Она ведет в интерфейс расчета. Все логично. Можно просто взять, но скорее всего это будет выглядеть не очень. Брать нужно с душой, придумывая свои смысли и идеи.

Наш прекрасный проект для Интелдома
https://dvor.design/projects/inteldome-site

Айдентика
https://dvor.design/projects/inteldome-identity

Сам сайт
https://inteldome.com/

Все должно быть связано, а иначе можно даже дизайном не заниматься.

Кажется, что приложение перекрестка клёвое, но в эту радость дамочки совсем не верится. Главное правило подобного дизайна — не решать ничего за меня. Я сам должен понять, что это удобно и клёво.

Почему слева она в реальности, а справа в каком-то угаре? Покажите как она ждет продукты, или получает у курьера, или распаковывает. В этом примере видны преимущества, но они вообще не про нас. Несколько часов с двумя пакетами? чего лишнего? про бензин может туда-сюда. Справа вообще всё замешали и преимущества и акцию. Фантазировали недолго.

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

Ну и теперь пример ребят, которые просто умеют изобретать.

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

Ну и бесподобная графика, максимальный минимализм, аккуратный белый цвет с намёком. Запоминаемо, просто, ёбко. В стиле Яндекса.

На фотке две рекламы эпла — 2001 и 2020 года. В обоих случаях нет никаких продажных заголовков, маркетинговых ходов, акций и прочей херни. Есть продукт, который сам говорит о себе. Он настолько самодостаточен, ярок, понятен и узнаваем, что может рекламироваться просто своим видом.

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

Удивительно, что так может делать только одна компания во всём мире

Обе работы отправлены Лебедеву, но остались без ответа. Особенно смешно посмотреть на текст в бланке и копирайт.

2012 год

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

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

Чтобы не было ситуации — а можешь сделать как там было? как в зелёном? нет, как в голубом! это тот который вчера делали? да, нет же, на прошлой неделе…

Нумеруйте файлы.

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

Представьте ситуацию, где вам поставили задачу — приготовить вкусную кашу. Вы насмотрелись, как шеф-повара создают очень клёвые рецепты с большим набором ингредиентов. Воспринимаете задачу буквально и решаете засунуть в кашу абсолютно всё, что для вас вкусно. Добавляете молоко, сахар, ягодок, базилик с кинзой (фу, кинза), кусочки колбаски. Мешаете кашу и понимаете, что вкуса маловато. Нарезаете туда лука, чеснока, перчика, ещё специи для курочки, пару капель водки и потом заправляете всё это дело колой. Звучит как безумная смесь для пыток.

Не пытайтесь сделать самую интересную кашу, самую необычную, самую насыщенную или самую дорогую кашу. Сделайте просто вкусную. Чтобы каша была вкусной достаточно использовать несколько ингредиентов, а не пихать всё подряд. Шеф-повар потратил десять лет, чтобы научиться чувствовать сочетания ингредиентов, он уверен в каждом грамме, отсюда возникает безупречный баланс вкуса. Вы тоже можете быть уверенными, но баланс всё равно нащупывается временем. Так смысл строить из себя непонятно кого?

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

Мы учимся чувствовать баланс с минимальным набором, затем расширяем его. Если делать наоборот, то ощущение баланса будет потеряно навсегда.

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

Что?

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

Как?

Более подробное описание того, как работает продукт, только факты и красивые картинки. Если о еде — прям много еды. Если о технологии — внутренность технологии. Если о том и о другом, значит, то и другое как в Додо.

Где?

Предложение где-то преобрести или воспользоваться продуктом. Предложение может содержать скидку или что-то, что привлечет внимание (реальная польза). Рядом кнопка заказа или ссылочка на скачивание. Соцсети.

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

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

что — как — как — как — где
https://localkitchen.ru/

Ребята, наш замечательный клиент из сервиса Интелдом отправил сайт на бизнес-линч.

Лебедев хвалит:

Читайте о проекте
https://dvor.design/projects/inteldome-site

Приходите в Двор за дизайном
https://dvor.design/