​​3 лучших сайта года по версии CSS Design Awards

nike-react.com — презентация новой линейки кроссовок Nike React

oatthegoat.co.nz/intl.html — интерактивный сборник рассказов

www.foosballworldcup18.com — интерактивная игра, созданная для празднования чемпионата по настольному футболу

Посмотреть всех претендентов: cssdesignawards.com/woty2018/

Вдохновляйтесь!

Где грань между креативом и смыслом

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

Начинается креатив, все трендово, 3D-объекты, параллаксы, иллюстрации и прочее. Получилось красиво, и все дизайнеры просто в восторге. Но они часто забывают продумать, как этим пользоваться. Настоящая красота дизайна в простоте использовании продукта. Наверное, человек получит большую удовлетворенность, когда быстро и просто доберётся до нужной ему информации, чем пройдет горы трендов на сайте и в конце концов забудет, зачем он пришел.

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

​​Наконец-то сделали полезный мокап. Теперь можно создать упаковку бургера в Маке.

Загрузи картинку, напиши ингредиенты и назови свой бургер.

Создать свой бургер: www.mockdonalds.co.uk/34/thelicious

Смотрите, что у нас получилось👇🏻

​​Делимся с вами каталогом российских компонентных дизайн-систем BARS Group, Альфа-Банка, Студии Олега Чулакова, Rambler, Mail. ru, Яндекса и других.

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

Идеально подходит для изучения на выходных 😏

Ссылка: designsystemsclub.ru

​​Здоровский сайт, где можно проследить будущее веб-дизайна через историю искусства: webflow.com/web-design-art-history.

От Египта, Ренессанса, Барокко, Камеры обсукура до Flat, скемоморфизма. Интересно, какая эпоха будет следующей?

А сейчас у нас что?

​​Эсклюзивный комментарий для нашего канала о ребрендинге Lamoda от Ивана Величко из дизайн-бюро «Щука», который в числе других работал над разработкой лого.

Чем плох прошлый лого?
«За семь лет реклама выглядела не так, как сайт, сайт — не так, как машины курьеров, а машины не были похожи на пакеты. Ко всему прочему Lamoda начала открывать настоящие магазины, не в интернете. Это, собственно, вечный прикладной повод к ребрендингу — упорядочивание.
Понятно, что для того, чтобы упорядочить что-то, необязательно менять логотип; однако же старый лого во-первых был устроен слишком уж просто (писать часть слова курсивом а часть — прямым начертанием избитый ход сам по себе, как и regular/bold). В самом названии зашито несколько трудностей: la — артикль, который в России читают и как ла-, и как ля-, в зависимости от того, какой вы учили язык в школе. Конструкция названия довольно пафосная и тяготеет к прочтению её как «её величество Мода». Старый лого эти трудности скорее подчеркивал.»

Чем лучше новый?
«Идея нового лого и стиля в целом — в том, как клиент Lamoda относится к современной моде: без подобострастия и, вероятно, с иронией (клиенты Lamoda в основном не сникерхэды и не покупатели vetements); но — с уважением к наследию той самой Моды с большой буквы. Мы не работали с прямой метафорой, но в некотором смысле эта споткнувшаяся la — метафора на уровне формы: она и преклоняется, и даёт хороший пинок. И, разумеется, она отдаёт дань уважения наследию самого бренда Ламода, курсиву в la.
Мы превратили наклонённую la в иконку приложения и вообще в одно из главных визуальных проявлений новых ценностей бренда: от стартапа — к модному бизнесу, от технологичной компании к более человечной. Ла-ла-ла!»

А вы что думаете? Лучше было раньше или стало только сейчас?

Очень много интересных лендингов нашли мы

Сервис, где (важно!) не просто примеры с картинками хороших лендингов, а можно перейти на сами сайты. Есть деление на много разных категорий: Бизнес, Дизайн-агентства, Технологии, Продажи, Музыка и т.д.

Вот ссыль для вас: bit.ly/2U0Bd3S

Залипательно и вдохновляюще.
#PSD_инструменты

UPD: мы положили сайт, ждём пока починят, красавцы

​​И снова крупный ребрендинг. Теперь от Ренессанс кредит.
Поможем чувакам определиться, достояная ли работа за 10 лет?

​​⚡️ Месяц ребрендингов продолжается — на этот раз об изменении фирменного стиля объявил Ozon (да, мы в числе тех, кто узнал одними из первых)

Основные идеи обновлённого бренда одного из старейших российских интернет-ритейлеров — а Ozon в этом году исполняется 21 — смелость и гибкость. Новая визуальная коммуникация символизирует разнообразие товаров и сервисов, огромный ассортимент и готовность к трансформации рынка e-commerce.

На смену привычному синему пришел цвет, который в Ozon назвали “digital blue” — не зря же компания активно развивает IT, также в палитре появился новый для бренда выразительный малиновый.

Ozon показал и новый логотип — в нем ничего не падает (привет, Lamoda), зато появились контрастные формы. Смелый образ подчеркивает “растянутая” вторая “О” в логотипе — в компании говорят, что это решение отражает гибкость и готовность к постоянным позитивным изменениям.

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

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

Кстати последние обновления бренда проводились в 2014 году и прошли довольно незаметно.

Что думаете о ребрендинге, справились ребята?

О подходе к проектам

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

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

Но главное － сделать любой проект на 100%. Не предать себя и свои принципы. Даже если тебе не нравится ни проект, ни то, сколько тебе отвалили за него. Делай его так же, как и дорогой проект. Только в таких ситуациях можно отличить действительно классных профессионалов от тех, кто просто хочет быстро получить деньги и отвязаться от проекта.

​​Российский брендинг: best of the best
Спойлер: здесь нет иронии

Портал Sostav представил самые яркие брендинговые проекты десятилетия.

Когда смотришь на это, понимаешь, что наши дизайнеры просто топят и делают очень много. За понравившуюся, кстати, можно проголосовать до 15 апреля.

Смотреть по ссылке: https://bit.ly/2US46io

Всем уже надоели тренды на 2019 год, но походу подъехали действительно качественные.
Ребята с AWWWARDS опубликовали свой вариант трендов и выглядит он очень правдободобно.

Смотреть - http://bit.ly/2PbLXXo

PS. Иллюстрации с флетовыми человечками останутся, но станут более самобытными.

​​Наверняка, вы уже слышали о ребрендинге «Юлы»

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

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

Ну и по традиции, го голосовать.

The Clients сделали айдентику вымышленной пиццерии из рекламного ролика

Посмотрите, это интересно.

Ссылка: http://bit.ly/2VwvoHZ

Внезапное включение.
Просто нереальный сайт от Lenta, пожалуй тут круто все.

https://2019.lenta.ru/

​​Сайты месяца
Скорее чекайте

Сайт месяца по версии AWWWARDS: 2018.craftedbygc.com
Шоурил агентства Green Chameleon в виде сайта

Сайт месяца по версии по версии CSSDESIGNAWARDS: sbs.com.au/missing
Интерактивная реальная история о похищении 8-летней Венди Джейн Пфайффер. Проект «Пропавшие без вести» разработан вместе с самой Венди 52 года спустя. Каждая сцена – мозаика из фотографий, которую пользователь должен собрать вместе, чтобы продвинуть Венди вперёд.

По версии FWA: 2019.makemepulse.com
Интерактивная сказка Nomadic Tribe со счастливым концом.

Важные новости, которые появились во время майских:

1) Альфа-банк обновил фирменный стиль (помоему стало лучше) － http://bit.ly/2VPHQWM
2) Теперь Покрасом может стать каждый － http://bit.ly/2LyIdRF
3) Чуваки упоролись и сделали платформу, куда каждый может добавить плагин для Figma. Уже есть такой мастхэв как поиск и замена текста, черная тема и тд － http://bit.ly/2HcjcaI
4) Дизайн-телега раздает доступ к бесплатным ресурсам для дизайнеров (говорят это 1/100 из того, что у них есть), надо только подписаться － http://bit.ly/2Vqs6u0
5) Дизайн-выходные выложили лекции с последнего мероприятия － http://bit.ly/2Jif7Ej

Лебедев представил новый логотип группы «Ленинград»

Сама группа уже и клипчик по этому поводу выпустила, Шнуров спел «В топе что-то, типа с логотипом»: http://bit.ly/2HiQt2N

Другое дело, зачем группировке лого, когда у них уже прощальный тур.

Как вам пипа от Лебедева?

А можете ещё раз логотип скинуть?

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

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

Попробовать: http://bit.ly/2WeKmG7
#PSD_инструменты

Как понять, что дизайн, который ты делаешь, не бесполезное говно

1) Быть в шкуре заказчика, для которого делаешь продукт
Как это не банально, но именно заказчик, который, возможно, ничего не понимает в дизайне и вносит правки, лучше всего сможет тебе рассказать о задаче. Его надо спрашивать много и часто. Важно никогда не уходить в себя и делать всё самому без ведома заказчика. Может, правок будет меньше в таком случае, но продукт получится не совсем пиздатым, и для клиентов он окажется бесполезным. И похер, что там всё красиво и анимация в лучших традициях AWWWARDS.

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

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