{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

Дайджест обновлений сайтов и стилей digital-продуктов за октябрь: Asana, Google, Medium, Todoist

Самое важное и интересное из мира сайтов и фирменных стилей диджитал-продуктов за прошедший месяц. Выбор, как и мои сопроводительные слова, крайне субъективные. Это первый выпуск и в него вошли Asana, Loom, Google, Pitch, Medium, Todoist, Amazon, Revolut, IBM, Anima. Забыл представиться, Вадим, основатель Embacy.

1. Новая главная страница Asana с интерактивными интерфейсами

По сравнению с тем, что было — стало человечней, ярче и выделились три основных сценария использования: "product development", "it-requests", "creative production". Но самое важное изменение — интерактивность интерфейсных элементов на сайте:

  • прокликиваются таски команды на первом экране и появляется следующая команда;
  • закрываются задачи во втором блоке и делаются засеренными как в самой Асане;
  • ставятся и убираются лайки.

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

2. Loom через самого себя рассказал о редизайне

Сервис видео-презентаций Loom провел полный ребрендинг.

В стиле есть гениальная форма, которая, почему-то, не нашла развития в сайте и других материалах:

Черный квадрат символизирует то, что показывает человек в своем видео, а круг - самого человека

В остальном ребрендинг примечателен тем, что ребята выложили 7 loom-видео о том, как и почему они все это сделали.

Спасибо тг-каналу @vladzelyzip, откуда я узнал, что этот продукт существует. Мне понравился, потестим у себя.

3. Лендинги Google стали как у Apple

Мало текста, много анимаций, эмоций и огромных телефонов:

Это все хорошо, но из лендинга я так и не понял, зачем менять мой Pixel4XL на Pixel5.

4. Pitch остался без рук

Pitch были одними из пионеров новой волны использования 3D в коммуникации со своими руками. Выглядели они вот так:

И тут на фоне объявления о своем новом раунде они убрали руки, оставив основу стиля из фиолетового и 3D-элементов:

Интересное решение, скорее всего продиктованное:

  • сдвигом продукта в более зрелую стадию и сторону;
  • засилием 3D-рук (даже мы сделали страницу с 3D-руками);
  • сложностью масштабирования и поддержки концепции (везде приходилось им руки для узнавания рисовать).

5. Medium начал рисовать словами

В октябре Medium провел крупномасштабный ребрендинг с ребятами из Collins:

Интересная концепция: language as illustration. They say a picture’s worth a thousand words, and on Medium, a thousand words can paint a bigger picture. So in this new system, we use letters and words to construct images, and each image has a unique subtext tied to the concept it’s representing.

Из слов получаются изображения

Отдельно поддержу уход от логоцентричности фирменных стилей: «Very often a logo is what gets the most attention in a brand evolution. But I want to focus on the rest of the design system first».

До этого Медиум использовал коллажную стилистику, и это одна из причин ребрендинга: The collage illustrations were time-consuming to make — we needed a scalable system of design elements that were easier to spin up, particularly for future marketing initiatives.

Этот коллаж с женщиной еще долго будет у меня в голове, уж очень он хорош

Саму новость видел несколько раз, но первый — в тг-канале "Бездарные ссылки" @blinklinks, по моему мнению — лучший канал по дизайну с уклоном в диджитал-продукты.

6. Todoist нашел место для художественности в своем списке дел

Новая идентичность продукта построена на имитации живописной техники рисунка и интересно развивается в фотостиле:

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

Спасибо каналу @cyrillicdesign, где опубликовали российскую версию.

И одной строкой другие новости:

  • Приятный новый сайт Anima с огромными акцентами на заголовках, мы так только в кейсах на бехансе делаем

Это был первый октябрьский дайджест из мира сайтов и фирменных стилей диджитал-продуктов. Полезен ли формат? Стоит ли продолжать? Если честно, думал, что сможем быстро его собрать, но только на скриншоты почти весь день сегодня убили.

0
19 комментариев
Написать комментарий...
Anton Smets

Крутой обзор! Осталось только гифок добавить!

Ответить
Развернуть ветку
Владислав Романов

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

Ответить
Развернуть ветку
Владислав Романов

но в целом пост хорош.

Ответить
Развернуть ветку
Vlad Volkodav

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

Ответить
Развернуть ветку
Anton Stupnev
Это все хорошо, но из лендинга я так и не понял, зачем менять мой Pixel4XL на Pixel5.

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

Ответить
Развернуть ветку
Vadim Orlov

Так-то да, но зачем тогда его следующей цифрой называть? Можно же назвать Pixel MD, например)

Ответить
Развернуть ветку
Денис Верхоломчук

Спасибо за пост, был полезен

Ответить
Развернуть ветку
Pavel Nesterenko

Вадим, спасибо, очень полезно и интересно! Отличный формат, буду ждать ещё 👍🏻

Ответить
Развернуть ветку
Vadim Orlov

Спасибо, Павел, ваши статьи тоже с удовольствием читаю :)

Ответить
Развернуть ветку
Александр Кудин

Хорошая статья, спасибо!

Ответить
Развернуть ветку
Oleg Goldman

Автор плохо пишет на родном языке: Достойная внимания попытка IBM в швейцарскую типографику

Мне одному кажется, что тут нет части предложения?

Ответить
Развернуть ветку
Never Again

Комментатор не может в интернет.
(так уже сто лет говорят, калька с английского мема "can't into")

Ответить
Развернуть ветку
andrey adamovich

Это намеренная фигура речи, "уметь в ..."
Все равно, что сказать: "Автор не умеет в русский язык"

Ответить
Развернуть ветку
Vadim Orlov

Скажу настолько крамольную вещь, что даже со своего личного акка, но мне не нравятся продуктовые лендинги Apple))

Ответить
Развернуть ветку
Yury S

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

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Татьяна Крамарева

Да, очень круто!)))

Ответить
Развернуть ветку
Maxim Fadeyev

У компании $80 млрд собственного капитала...

Ответить
Развернуть ветку
16 комментариев
Раскрывать всегда