Дайджест продуктового дизайна
53.3K subscribers
101 photos
18 videos
548 links
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах.

Все выпуски — https://jvetrau.com/category/digest/
ВК — https://vk.com/pdigest

РЕКЛАМЫ НЕТ.
Download Telegram
Мини-подборка свежих заходов на связь бренда с интерфейсом в айдентике:
 
1. Сервис доставки Instacart от британского агентства Wolff Olins и 21st Century Brand.
 
2. Платформа для простых онлайн-продаж Gumroad от неизвестных авторов.
 
3. Криптобиржа Zonda от британского агентства Koto.
 
4. Сервис автоматизации рекламы Outfit от австралийского агентства Bigfish.
 
5. Криптобиржа Coinbase от американского агентства Moniker.
 
6. Сервисы Onliner от беларусского агентства Right.
 
7. Бот по поиску недвижимости Luke от британского агентства Koto.
 
8. Платформа для медиа OpenWeb от американского агентства Collins.
 
9. Видео-сервис START от российского агентства ONY.
 
#branding
Я ленюсь вставлять в посты картинки, чтобы вы не поленились открыть пачку этих фантастических примеров связи бренда с интерфейсом:
 
1. Крупный новостной сайт CNET от американского агентства Collins. Их любимый рецепт — совсем новый и нетипичный для рынка подход к иллюстрациям, харáктерный шрифт.
 
2. Instagram, сделанный внутренними силами в партнёрстве с несколькими словолитнями (основной шрифт делали Colophon Foundry). Один из ярчайших примеров за последние годы с сильным характером. Официальная страница и анонс.
 
3. Платёжный сервис Paddle от американского агентства Butchershop.
 
4. Финтех-сервис Trench от австралийского агентства Lovework Studio.
 
5. Инвестиционная платформа Circa 5000 от британского агентства Ragged Edge.
 
6. Благотворительный браузерный плагин Freetree от португальского агентства How&How.
 
7. Сервис доставки еды Jiffy от Щуки.
 
8. Сервисы для совместной работы и администрирования GoTo от британского агентства Moving Brands.
 
9. Беседа с Olivia Jezler из агентства Future of Smell о роли запаха в брендинге. Как выглядит процесс и какие в целом тренды отрасли.
 
10. SND: Библиотека бесплатных интерфейсных звуков.
 
11. Словолитня Monotype и исследовательская компания Neurons изучили эмоциональный эффект от шрифтов. Они сравнили три шрифта в разных ситуациях среди 400 респондентов.
 
Uttam Kokil и Tracy Harwood рассказывают о своих находках на тему известного предположения «красивое кажется более удобным». Они изучили предыдущие исследования на тему и протестировали прототип игры в разных вариациях.
 
#branding
Седьмая мини-подборка относительно свежих примеров связи бренда с интерфейсом:
 
1. Zapier (сервис-прокладка между другими интернет-сервисами).
 
2. Artboard (инструмент дизайна) от турецкого агентства Fol.
 
3. You Can Book Me (календарь) внутренними силами.
 
4. KasperskyOS (операционная система) от российского агентства ONY.
 
5. Noom (сервис заботы о личном здоровье) от американского агентства Gretel.
 
6. The Verge (технологический новостной сайт) внутренними силами.
 
7. TaskRabbit (сервис поиска исполнителей простых задач) от американского агентства Hyphenated.
 
8. Corel (теперь — Alludo) от британского агентства Design Studio.
 
9. Hootsuite (сервис управления соцсетями) от международного агентства Prophet.
 
10. RED (страховой сервис) от российского агентства ONY.

Где-то нужна подписка на Brand New, но по-другому эти кейсы пока не публиковались. Но это самая полезная инвестиция $20, которую вы можете сделать для себя.

#branding
Эта мини-подборка о связи бренда с интерфейсом такая жирная, что не забудьте взять салфетки после прочтения:
 
1. Видео-сервис Vevo от американского агентства Porto Rocha. Официальные гайдлайны.
 
2. Рекламная кампания Figma «Nothing Great is Made Alone», которую они сделали вместе с американским агентством Collins. Базируется на общей айдентике и здорово передаёт силу командной работы.
 
3. Команда бренда Square вместе с агентством Athletics описала язык анимации для дизайн-системы, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
 
4. Live Neuron Labs: Сила метафор для изменения поведения пользователей. Важно правильно упаковать суть продукта или инициативы.
 
5. Крипто-финтех Gyroscope от британского агентства Human After All.
 
6. Подписочный сервис Zuora от американского агентства Focus Lab.
 
7. Образовательная платформа Outschool от американского агентства Geist.
 
8. Платёжный сервис PayPal от американского агентства Gretel.
 
9. Стандартизация логотипов/иконок продуктов, которые Dropbox покупал за последние годы, от американского агентства Play.
 
10. Сервис борьбы с фродом Veriff от португальского агентства How&How.
 
11. Сервис маркетинговой автоматизации Ortto от австралийского агентства Christopher Doyle & Co.
 
12. Криптовалютный стартап Metaphor от британского агентства Wildish & Co..
 
13. Освежение лого Google Play и язык анимации к нему от агентства R/GA.
 
14. Сервис для интернет-магазинов Depict от шведского агентства Okto.
 
#branding
Design Prosmotr опубликовали моё выступление про фреймворк брендинга цифровых продуктов. Первые кусочки появились ещё в Mail.ru Group, а в Райффайзен Банке всё сложилось в цельную картинку. С тех пор я работаю по нему и это здорово помогает снижать риски того, что концепция айдентики останется только на уличных плакатах и в кейсе агентства. А сам бренд будет не только про фирменных стиль, а про то как всё выглядит, работает и ощущается. Ведь в сильной компании бренд и продукт — тождественны.
 
С прошлого года занимаюсь упаковкой этого подхода в интенсив, так что ждите анонсов.
 
Кстати, вот примеры в тему из выходившего на рынке с начала года:
 
1. Brand New запустили раздел, посвящённый командам бренда внутри продуктовых компаний. У каждой команды развёрнутый профиль с описанием формата работы, команды, ярких работ.
 
1. Алиса: Эволюция визуального языка.
 
2. Wise: финтех от американского агентства Ragged Edge.
 
3. Mode: аналитический сервис от американского агентства Gretel.
 
4. Whatsapp: мессенджер от британского агентства Koto.
 
5. Cohere: платформа алгоритмической работы с контентом от американского агентства Pentagram.

6. Bolt: платёжный сервис от британского агентства Koto.
 
7. Going: сервис бронирования авиабилетов от британского агентства Design Studio.
 
8. Manychat: сервис автоматизации общения с клиентами в мессенджерах от американского агентства Collins.
 
9. The Org: сервис для нетворкинга от голландского агентства Verve.
 
10. Homa: игровая студия от американского агентства Ragged Edge.
 
11. F-Secure: приложения для кибербезопасности от британского агентства Nomad.
 
12. Яндекс Маркет: Создание визуального языка.
 
13. Oppo: мобильные телефоны от шведского агентства Stockholm Design Lab.
 
14. Netflix: иконки, иллюстрации и типографика от британского агентства Koto.
 
15. Frame.io: дочерняя компания Adobe, сделано внутренними силами.
 
16. Amazon Prime Video: видео-сервис от американского агентства Pentagram.
 
17. Brite: платёжный сервис от британского агентства MultiAdaptor.
 
18. Around Pet: сервис мониторинга домашних питомцев от немецкого агентства Navarra.
 
#branding
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов.


Mixpanel — ребрендинг аналитического сервиса, сделанный внутренними силами

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

Первоначально логотип был разработан для визуализации воронки: поток данных анализируется и превращается в интерактивный интерфейс, который помогает командам взаимодействовать с пользователем. Со временем значение лого в проекте изменилось — уникальный «x» отмечает новую главу и показывает движение бренда к будущему. Графический язык бренда придает форму невидимому миру анализа данных. Бренд говорит с пользователями амбициозно и уверенно, но при этом тон голоса остается поддерживающим и честным. Широкий набор ярких цветов обеспечивает доступность и гибкость в коммуникациях. Выбранные шрифты отлично работают вместе — интерфейс интуитивно понятен и прост. В иллюстрациях команда представила прогрессивный мир Earth+, в котором работает множество компаний. Не великая утопия, а место, где продукты становятся порталами для великих возможностей. Ретро-футуристическая атмосфера сообщает, что бренд ориентирован на будущее, но основан на сегодняшних реалиях.

Подробно о проекте

#branding

P.S. Будем выпускать такие обзоры всю неделю — следите, читайте, подписывайтесь на канал Funky Agency.
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов.


Going — ребрендинг сервиса бронирования авиабилетов от британского агентства Design Studio

Бренд продвигает свой подход к поиску — меньше фокусироваться на пункте назначения. Это побуждает пользователей смело вращать земной шар и исследовать новые направления. DesignStudio поддержали развитие бренда новой стратегией и идентичностью.

Когда вся туриндустрия позиционируется вокруг цены (а бренд из этого вырос), появилась возможность отстроиться с помощью эмоциональной платформы. Название Going (в отличие от старого Scott's Cheap Flights), удачно отражает главную идею, внушая чувство любопытства и рвения к приключениям. А элементы словесного знака игриво интерпретируют спонтанные перипетии путешествия.

Система дизайна основана на бесстрашной идее быть достаточно непредубежденным, чтобы легко выбирать очередное место на карте. В цифровом виде это переводится в интерактивные принципы: когда просматриваешь интересные направления для поездки, с каждым движением на экране открывая что-то новое. Каждый аспект системы связан со всеобъемлющей идеей бренда: предложить неожиданное, скрывая и открывая, переворачивая и вращая. Метафора и визуальный приём вращения земного шара отлично встроены в интерфейс. Цветовая палитра вдохновлена ​​биологическим разнообразием планеты — тёплые и холодные оттенки из климатического диапазона объединяются с яркими акцентами зелёного, оранжевого и розового. Все это передает азартный дух путешествий и новых образов жизни. Иллюстрации изображают участников сообщества и сочетаются с иконографикой, которая делает планирование путешествий более простым и приятным. На фото нет банального — достопримечательностей и позирования. Предпочтение отдается небольшим моментам, которые рассказывают уникальные и личные истории.

Подробно о проекте

#branding

P.S. Будем выпускать такие обзоры всю неделю — следите, читайте, подписывайтесь на канал Funky Agency.
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов. Следите, читайте, подписывайтесь на канал агентства.


Airtasker — каталог мастеров по бытовым услугам Airtasker от британского агентства Koto

Сервис представляет собой надежное сообщество специалистов, которые готовы оказать услуги в быту или бизнесе. Студия Koto взялась за разработку новой индивидуальности австралийского бренда с десятилетним опытом на рынке. Let’s do this! Простая идея, лежащая в основе бренда, подтолкнула команду проекта к созданию смелой, уверенной и полной энергии идентичности.

Первое внимание привлекает обновленный логотип. Airtasker был узнаваем в своей стране по крылатой букве «А», которая символизировала быстрое выполнение запросов. Новый словесный знак остается верным этому наследию, но имеет свою интерпретацию крыла, которое появляется в нескольких точках. Буквы в лого машут, улыбаются и прыгают, пытаясь передать теплую, воодушевляющую энергию и разнообразие бренда.

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

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

Подробно о проекте

#branding
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов. Следите, читайте, подписывайтесь на канал агентства.


Cohere — брендинг платформы алгоритмической работы с контентом от американского агентства Pentagram

Языковой искусственный интеллект помогает компаниям развиваться. Он разработан, чтобы позволить людям и компьютерам учиться в тандеме и приносить реальную ценность бизнесу. Pentagram создали для платформы её новую айдентику, которая переносит продукт бренда из области передовых экспериментальных технологий в современные потребности бизнеса.

В основу проекта легла концепция New Nature, в которой текучесть и несовершенство природы сочетаются с рациональностью и эффективностью вычислений. Экосистема Cohere похожа на природную среду, представленную сетью разумных живых клеток: в ней создаются новые проекты, растет пользовательское сообщество и развиваются языковые модели.

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

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

Подробно о проекте

#branding
Ссылочно-протеиновая масса для тех, кто ищет связь бренда с интерфейсом. Что набралось за пару месяцев:
 
Evil Martians: Фантастическая статья про рифмование шрифта и иконок. Универсальный подход для поиска такой рифмы исходя из особенностей шрифта. Ровно по такой логике мы сделали решение для Райффайзена, хотя здесь целая система.
 
Pinterest: Язык анимации от американского агентства DIA.

OpenAI от французско-американского агентства Area17 (больше деталей).
 
TheFork: Ребрендинг сервиса бронирования ресторанов от британского агентства Design Studio.
 
InVision: Обновление айдентики от британского агентства Ensemble.
 
Askly: Айдентика сервиса для общения с пользователями сайта от эстонского агентства Tabasco.
 
Unmind: Ребрендинг сервиса для ментального здоровья сотрудников компаний от американского агентства Ragged Edge.
 
Glassdoor: Ребрендинг сайта о работодателях от британского агентства Koto.
 
Guild: Ребрендинг карьерно-образовательного сервиса от американского агентства Collins — .
 
Airtm: Ребрендинг финтеха от британского агентства Design Studio.
 
MUX: Ребрендинг видео-платформы от австралийского агентства For the People. История работы над проектом.
 
AMP: Ребрендинг музыкального сервиса от британского агентства Koto.
 
Kili: Ребрендинг ИИ-платформы от американского агентства Ragged Edge.
 
Pley: Ребрендинг игровой компании от шведского агентства Essen.
 
Replay: Ребрендинг компании генетического анализа от британского агентства Koto.
 
Runway: Ребрендинг финтеха от американского агентства Reform Collective.
 
Антипример для Nike от агентства Instrument. Это яркий бренд с простейшими характерными базовыми приёмами, но для него сделали максимально бесхребетную и унылую дизайн-систему.
 
Ostro: Ребрединг медицинского сервиса от испанского агентства Mucho.
 
DailyMotion: Ребрендинг видео-сервиса.
 
Lookout: Ребрендинг компании по кибер-безопасности от американского агентства Emotive Brand.
 
#branding
Держите много свежих и вдохновляющих примеров связи бренда с интерфейсом:
 
Patreon: Сервис для поддержки авторов контента от британского агентства Wolff Olins и внутренней команды.
 
Goodnotes: Приложение для заметок от американского агентства Motto.
 
Webflow: Ребрендинг платформы для сайтов, сделанный внутренними силами.
 
Miro: Сервис командной работы от американского агентства AKQA.
 
Marshmallow: Цифровая страховая компания от американского агентства Ragged Edge.
 
Sock: Финтех от британского агентства Koto.
 
Elizabeth Goodspeed: Почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
 
Hiro: Web3-платформа для разработчиков от американского агентства Porto Rocha.
 
Facebook: Обновление, сделанное внутренними силами.
 
Dribbble: Ребрендинг, сделанный внутренними силами.
 
Android: Обновление лого, сделанное внутренними силами.
 
Shop: Сервис для интернет-заказов от американского агентства Porto Rocha.
 
P.S. Рассказал о своём подходе к анализу брендов цифровых продуктов в «Рефодушке» Антона Черногорова. Похоже, через какое-то время зайду ещё раз — следите за анонсами на канале Дизайн-комьюнити.
 
#branding
Связи бренда с интерфейсом устанавливаются не всегда и везде, но если выходит — это по любви. Вот кто пытался решить эту задачу за последний месяц-полтора (где получилось — судите сами):
 
1. Deezer: Музыкальный сервис от британского агентства Koto.
 
2. Яндекс Музыка: Музыкальный сервис, сделанный внутренними силами и группой внешних экспертов.
 
3. SiriusXM: Музыкальный холдинг от британского агентства Uncommon.
 
4. Osome: Онлайн-бухгалтерия, сделанная внутренними силами и группой внешних экспертов.
 
5. Flodesk: Сервис цифрового маркетинга и продаж от американского агентства DIA (больше картинок и анимации).
 
6. Reddit: Сообщество от американского агентства Pentagram.
 
7. МТС Junior: Подбренд от отечественного агентства ONY.
 
8. MVMNT: Фитнес-сервис от британского агентства Nomad.
 
9. Bloom: Приложение для ментального здоровья от американского агентства Big Human.
 
10. Quicken: Бухгалтерский сервис от американского агентства Siegel+Gale.
 
#branding
Долго копился мини-выпуск про связь бренда с интерфейсом, но вроде как пора выпускать:
 
1. Streamline: Лучшая в мире статья про связь шрифта и пиктограмм в интерфейсах. Супер-детальный и дотошный метод поиска визуальной рифмы с топчанскими примерами для типивых ситуаций.
 
2. Иви: Исследование эмоционального восприятия нового шрифта. Они сравнили несколько вариантов по набору шкал.
 
3. Instagram: Язык анимации от голландского агентства Dumbar.
 
4. Hubbl: Видео-сервис, сделанный внутренней креативной студией Fox Creative.
 
5. Betterfly: Страховой сервис от британского агентства Design Studio.
 
6. Klarna: Обновление айдентики финтеха, сделанное внутренними силами.
 
7. Trust: Финтех-сервис от австралийского агентства Lovework.
 
8. Docusign: Сервис цифрового документооборота, сделанный внутренними силами (разбор).
 
9. Uber: Заказ такси от американского агентства Jones Knowles Ritchie.
 
10. Sendwave: Сервис денежных переводов от британского агентства Design Studio.
 
11. Customer.io: Сервис рассылок, сделанный внутренними силами.
 
12. Epidemic Sound: Каталог профессиональной музыки и звуковых эффектов от шведского агентства Bold.
 
13. ShareFile: Сервис цифрового документооборота от американского агентства Athletics.
 
14. Sports.ru: Спортивное издание от отечественного агентства Супрематика.
 
15. CafePay: Зарплатный проект от американского агентства Clay.
 
#branding
Подсобралось свежего добра про связь бренда с интерфейсом, что кабачков на даче:
 
1. PayPal от американского агентства Pentagram.

2. Figma собственными силами. Во второй статье — о работе над шрифтом.
 
3. VSCO (фото-приложение) от испанского агентства EST +6.
 
4. Fluz (финтех) от британско-американского агентства Koto.
 
5. Headspace (ментальное здоровье) от американского агентства Italic Studio.
 
6. Fitbit Ace (умные часы) от британско-американского агентства Koto.
 
7. Twitch (стриминговый сервис) от американского агентства Porto Rocha.
 
8. Quilt (домашняя климатическая система) от американо-голландского агентства Manual.
 
9. Chime (необанк) от американского агентства Jones Knowles Ritchie.
 
10. Envato (магазин шаблонов), сделанный внутренними силами (больше).
 
11. Brilliant (обучающий сервис) от британо-американского агентства Koto.
 
12. Wise (финтех): Принципы дизайна и голос бренда, к которым они пришли в ходе недавнего ребрендинга. Rachael Jones рассказывает об их создании. О систематизации дизайна маркетинговых материалов.
 
13. Aria (финтех) от британского агентства Together.
 
14. Veeps (видео-сервис) от американского агентства Porto Rocha.
 
15. Amply (рекламная платформа) от британского агентства Rowdy Studio.
 
16. Stitch Fix (сервис подбора одежды).
 
17. Ctrl Wallet (финтех) от французского агентства Le Fruit.
 
18. Eppo (платформа A/B-тестирования) от британского агентства Moving Brands.
 
#branding
Что нового в брендинге цифровых продуктов, которые пытаются построить связь с интерфейсом (получается когда как):
 
1. Flowwow: Интернет-магазин цветов от отечественного агентства Щука. Больше о бренде.
 
2. Checkmylife: Сервис кредитных историй от американского агентства Ragged Edge.
 
3. Jacquard: ИИ-платформа для оптимизации рекламы от британского агентства MultiAdaptor.
 
4. Philo: Видео-сервис от американского агентства Sibling Rivalry. Он полностью построен на иллюстрациях.
 
5. Kajabi: Сервис для блогеров и создателей цифрового контента.
 
6. Kindsight: Сервиса для сбора пожертвований.
 
7. Upwork: Ре-ребрендинг сервиса работы с фрилансерами от британского подразделения агентства Wieden+Kennedy.
 
8. Freetrade: Инвестиционный сервис от британско-американского агентства Koto.
 
9. Pienso: ИИ-платформа от американского агентства Pentagram.
 
10. Mozilla: Браузерная компания от американского агентства Jones Knowles Ritchie.
 
11. Robinhood: Дебрендинг инвестиционного сервиса от американского агентства Porto Rocha, которые уничтожили легендарную работу Collins :(
 
#branding