AM.PM Notes

Пёсики? А может лучше — колода с пёсиками?
Вот такую прелесть случайно нашла: https://www.artiphany.com/products/pack-of-dogs-playing-cards

Бубновая масть самая любимая в этом исполнении ♦️

Захотелось свою колоду сделать

Когда технология становится доступной всем, решающее преимущество уже не функционал, а образ

Собрала AI-проекты, которые говорят языком бренда. Проекты, где есть образ, дизайн-система и стиль

1. Kia AI Assistant by Buck
Форма знака сочетается с экстерьером автомобиля и существующим текстовым лого. Моушн передает настроение. Есть плоская и объёмная опции, композиции для разных юз-кейсов и графический паттерн

2. Scribe v2 by Elevenlabs
Кейс про веб. Приятная шрифтовая пара. Активно используют клетку, графики, диаграммы и другую визуализацию данных. А также текстурный, шумный градиент. В блог-посте можно найти пример моушна. На главной много примеров из продукта и интересных взаимодействий.

3. TwelveLabs by Pentagram
Кейс 360-брендинга. Есть лого, графика, иконки, интерфейс, наружка и соц.сети. Очень приятный дизайн личного кабинета. Современный, супер-стильный градиент. В логотипе передана ключевая идея продукта «video as volume». Одним словом, конфетка

А что интересного попадалось в последнее время вам?

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


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

1. Выбираешь объект для анализа (фильм / сайт / брендинг / что угодно)

2. Раскладываешь его на ключевые элементы
Например, для фильма — на операторскую работу, на монтаж, на структуру повествования, на освещение

3. Описываешь техники и стилистические приёмы каждого из элементов

4. Образаешься к техникам при создании своих проектов

источник: Талантливо (Youtube)


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

Как улучшить процесс обучения в компании, в которой трудятся 10 000 человек
Бизнес-симуляция «Самолет Сити» с полным погружением в девелоперский цикл для обучения сотрудников компании Самолет

Задача 📄
Обучить непрофильных специалистов, которые приходят с других сфер (например, маркетологи), разбираться в девелоперском цикле, а также показать профильным сотрудникам, как проходит девелоперский цикл от начала до конца именно в компании «Самолет»

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

Решение 🏙
Градостроительный симулятор в стиле визуальной новеллы и обучающими механиками, в котором пользователь становится помощником руководителя проекта и вместе с тотемным зверьком «Самолета» — Квоккой, изучает процесс девелопмента с нуля

Визуал 🔲
Мы были привязаны к айдентике «Самолета» и выбранным механикам, по которым должны были шаблонизировать всё, что могли. Решением стали «острова», 2D-иллюстрации мы отрисовали в стиле Квокки, а 3D-карта выполнена в стиле low-poly, чтобы поддержать дружелюбный стиль остальных иллюстраций и при этом сохранить узнаваемость объектов «Самолета»

Механики ⚙️

— Игровые обучающие события с сюжетом. Помогают погрузить в реальные ситуации, которые случаются в компании и на них учиться

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

— Тесты. Помогают закрепить ключевые знания после каждого уровня.

— Рейтинговая таблица и достижения. Дополнительно мотивируем сотрудников активно проходить игру

— Игра «Строй-ка». Добавили мини-игру в твою игру, чтобы ты мог играть, пока играешь в игру. Взяли всеми любимую механику Tower Bloxx и стилизовали под «Самолет»

— Пасхалки и внутренняя ирония. На каждом уровне можно найти жизненные ситуации и локальные мемы, доступные только сотрудникам

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

При тестировании на фокус-группе сотрудников «Самолета»

97% отметили, что хотели бы обучаться таким образом

и по другим направлениям!

Кредитсы со стороны клиента 🩵
Миша Романовский, руководитель продукта
Агеев Сергей, ведущий менеджер по дистанционному обучению

Команда проекта 🩵
Сережа Борцов, дизайн-директор
Даша Белая, директор проекта/креативный директор
Кирилл Арапов, арт-директор и идейный вдохновитель
Вера Ксенофонтова, ведущий UX/UI-дизайнер
Саша Яковенко, креативный копирайтер
Алена Лившиц, копирайтер
Даша Пак, 3D-иллюстратор
Марина Молодцова, 2D-иллюстратор
Даша Култышева, 2D-иллюстратор
Лиза Фролова, 2D-иллюстратор
Денис Давыдов, моушн дизайнер
Аня Пачганова, диджитал продюсер
ZBRSK, разработка

_________
Готовы геймифицировать свой продукт?
Пишите нашему Ярославу 😀
Или оставляйте заявку на сайте ⚙️

#byreboot #gamejam

Меняете позиционирование? Тогда вам нужен редизайн
Новый кейс Random Coffee by REB8T

Мы провели редизайн сайта Random Coffee в связи с вступлением в SCC и изменениями в брендбуке, ребятам хотелось красиво заявить о сотрудничестве и о масштабности планов на развитие продукта!

Проблемы*️⃣
— Сайт был перегружен текстами, объясняющими работу продукта, что затрудняло понимание функционала. Пользователи изучают сайты по диагонали, поэтому даже подробные описания могут быть неэффективными
— Внешний вид сайта не соответствовал обновлённому гайдбуку

Задачи 📎
— Отразить смену приоритетов в продуктовой линейке. Теперь B2B выходит на один уровень с B2С, а специальные продукты для сообществ стремительно развиваются
— Придумать решение, которое бы «освежило» стиль Random Coffee, но при этом чтобы пользователи продолжали узнавать бренд и на обновленном сайте

Ограничения🔵
Одно из немаловажных испытаний, которые мы проходим на каждом подобном проекте, — это верстка на Tilda. У Random Coffee давно настроены все оплаты именно на ней, поэтому и верстка нового сайта осталась тут

Как всегда, мы выжали из Tilda максимум, можете сами увидеть! За это спасибо нашим дизайнерам, и разработчику Насте!

Что сделали
1⃣ Выделили 3 главных направления и расставили приоритеты на продукты внутри каждого из направлений

2⃣ Создали обновленную структуру сайта, в которой оставили 4 основных страницы с понятной навигацией, вместо 13 на старом сайте

3⃣ Построили дизайн на основе «разряженного бенто» — добавили в плотную сетку воздух, отступы, а еще яркие цвета и графику из обновленного гайдбука. А для ощущения живого комьюнити — фотографии и видео с людьми

4⃣ Сохранили узнаваемый тон бренда. Оставили фирменный синий и добавили цветовое кодирование для каждого продукта. Еще непростой задачей стало расположение большого количества информации, мы решили это, частично заменив ее видео, раздробив на блоки и спрятав в FAQ

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

Фанфэкт 🤖
Мы записывали видео на сайт совместно командами REB8T и Random Coffee, маркетинг-лид Полина и наш диджитал-продюсер Тоня не были знакомы, но видели друг друга на финальном видео, и тут они пересеклись в Сербии в одном кафе, как раз за просмотром финальной верстки. Вот такой действительно random coffee случился в жизни

Вот они, слева направо 💙:
Сергей Борцов - дизайн-директор
Олеся Колыванова - арт-директор
Марина Быкова - ведущий UX/UI-дизайнер
Вера Ксенофонтова - UX/UI-дизайнер
Настя Артамонова - разработчик на Tilda
Аня Пачганова - digital продюсер

И, конечно, команда RC 💙:
Екатерина Солдатова - руководитель проекта
Полина Клёнова-Ленская - маркетинг лид
Кристина Манелова - арт-директор и иллюстратор
Вероника Покровская - копирайтер

Посмотреть сайт: https://random-coffee.ru/

#designmagic #byreboot