Привет, коллеги! Я Лера — дизайнер в команде брендинга, занимаюсь HR-проектами.
Недавно мы вместе с командой геймификации обновляли систему ачивок внутри рабочего портала Майти. Ачивки — это такие значки в профиле сотрудника, которые выдают за какие-нибудь достижения. Нужно было сделать их более понятными и эмоциональными, но при этом простыми в разработке.
Предыдущие ачивки были выполнены в 2D. Они были безусловно красивыми, но не соответствовали принципам геймификации. Более того, процесс их создания занимал значительное количество времени.
Для меня самая интересная часть — исследование. Главное было понять, как отрисовывать ачивки проще, но при этом сделать их уникальными и мотивирующими.
Вот как я поступила:
1. Разобралась в общих принципах геймификации: изучала особенности достижений в приложениях для спорта и образования, анализировала игровые площадки.
2. Спросила коллег-геймеров, что для них важно и больше цепляет.
3. Определила, как автоматизировать процесс: создать структурированную систему, интуитивно понятную дизайнерам, заказчикам и всем сотрудникам, а также интегрировать ИИ для ускорения рутинных операций.
Так я вывела классификацию для наших внутренних ачивок:
— 7 грейдов по сложности получения
— 12 категорий по темам
Я создала плашки для каждого грейда и категории, и собрала их в библиотеку в Фигме. Также был разработан универсальный промт для Миджорни, который автоматизирует процесс создания графики. Докрутить получившийся визуал можно уже в Фотошопе.
Результат: у каждой ачивки есть направление, символика и грейд. Они выглядят понятными и вдохновляющими. А самое главное — сделать одну ачивку стало намного быстрее, благодаря созданию удобной системы в сочетании с использованием ИИ.
Если есть какие-то вопросы с удовольствием отвечу на них в комментариях к этому посту 💛
Недавно мы вместе с командой геймификации обновляли систему ачивок внутри рабочего портала Майти. Ачивки — это такие значки в профиле сотрудника, которые выдают за какие-нибудь достижения. Нужно было сделать их более понятными и эмоциональными, но при этом простыми в разработке.
Предыдущие ачивки были выполнены в 2D. Они были безусловно красивыми, но не соответствовали принципам геймификации. Более того, процесс их создания занимал значительное количество времени.
Для меня самая интересная часть — исследование. Главное было понять, как отрисовывать ачивки проще, но при этом сделать их уникальными и мотивирующими.
Вот как я поступила:
1. Разобралась в общих принципах геймификации: изучала особенности достижений в приложениях для спорта и образования, анализировала игровые площадки.
2. Спросила коллег-геймеров, что для них важно и больше цепляет.
3. Определила, как автоматизировать процесс: создать структурированную систему, интуитивно понятную дизайнерам, заказчикам и всем сотрудникам, а также интегрировать ИИ для ускорения рутинных операций.
Так я вывела классификацию для наших внутренних ачивок:
— 7 грейдов по сложности получения
— 12 категорий по темам
Я создала плашки для каждого грейда и категории, и собрала их в библиотеку в Фигме. Также был разработан универсальный промт для Миджорни, который автоматизирует процесс создания графики. Докрутить получившийся визуал можно уже в Фотошопе.
Результат: у каждой ачивки есть направление, символика и грейд. Они выглядят понятными и вдохновляющими. А самое главное — сделать одну ачивку стало намного быстрее, благодаря созданию удобной системы в сочетании с использованием ИИ.
Если есть какие-то вопросы с удовольствием отвечу на них в комментариях к этому посту 💛
❤62❤🔥21👍9😍9
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Привет! На этой неделе покажем вам моушн из интерактивных тестов, которые мы делаем в историях.
Угадываем по звону деньги, орем чаечкой, защищаемся от мошенников…
Угадываем по звону деньги, орем чаечкой, защищаемся от мошенников…
❤🔥56❤15🦄7👍5🔥5
Мы тут недавно посмотрели и обнаружили, что в управлении дизайна и коммуникаций у нас работает уже 655 человек. Прикиньте! 475 дизайнеров и 180 редакторов
В связи с этим мы просто не можем не запостить большую общую фотографию с нашего недавнего летнего корпоратива (и это еще не все собрались!). Ну и заодно другие фоточки — на корпоративе было весело🎧
(Мы ни на что не намекаем, но если хотите с нами так же отметить следующее лето — там выше есть список классных вакансий)
В связи с этим мы просто не можем не запостить большую общую фотографию с нашего недавнего летнего корпоратива (и это еще не все собрались!). Ну и заодно другие фоточки — на корпоративе было весело
(Мы ни на что не намекаем, но если хотите с нами так же отметить следующее лето — там выше есть список классных вакансий)
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤60🔥18👍2
Всем привет в этом чатике! Я Динара — дизайнер команды цифрового офиса, хочу рассказать, как мы делали интерфейс для бронирования ячеек)
В связи с переездом в новый офис нам поставили новенькие локеры — ящики, где сотрудники могут оставить свои личные вещи (и мерч, который лень тащить домой😁 ). Забронировать и открыть ячейку можно через экран, как раз для него и нужно было сделать интерфейс.
После схематично отрисованного флоу пошла обсуждать задачу с разработкой. Хотелось сделать процесс авторизации максимально бесшовным, но столкнулась с некоторыми техническими ограничениями. Для контекста — у сотрудника есть выбор как он хочет войти: по пропуску или по лицу😏 Но face id работает не автоматически, как на системе входа в здание, а по запросу. А вот считыватель пропусков активен всегда. Поэтому открытие по пропуску осталось стартовым сценарием, а по лицу — дополнительным.
Таким образом, после авторизации мы либо сразу открываем сотруднику его ячейку, либо предлагаем забронировать, если таковой не имеется.
Следующий прикол — ячеек может быть как 16, так и 96🤩 Подбирала универсальный размер, чтобы обойтись без скрола и стала придерживаться центральной композиции. А еще где-нибудь между рядов может быть столб 🙂
Дальше прорабатывала процесс бронирования и последующего открытия ячейки, нарисовала несколько вариантов свободных и занятых локеров и пошла проводить коридорки. Использовала самый удачный вариант)
В итоге, сейчас с радостью смотрю, как коллэээги за секунду открывают и пользуются своими ячейками, нереальный кайф!
Такая вот история, на все вопросы буду рада ответить в комментах🕺
В связи с переездом в новый офис нам поставили новенькие локеры — ящики, где сотрудники могут оставить свои личные вещи (и мерч, который лень тащить домой
После схематично отрисованного флоу пошла обсуждать задачу с разработкой. Хотелось сделать процесс авторизации максимально бесшовным, но столкнулась с некоторыми техническими ограничениями. Для контекста — у сотрудника есть выбор как он хочет войти: по пропуску или по лицу
Таким образом, после авторизации мы либо сразу открываем сотруднику его ячейку, либо предлагаем забронировать, если таковой не имеется.
Следующий прикол — ячеек может быть как 16, так и 96
Дальше прорабатывала процесс бронирования и последующего открытия ячейки, нарисовала несколько вариантов свободных и занятых локеров и пошла проводить коридорки. Использовала самый удачный вариант)
В итоге, сейчас с радостью смотрю, как коллэээги за секунду открывают и пользуются своими ячейками, нереальный кайф!
Такая вот история, на все вопросы буду рада ответить в комментах
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥43❤17👍8😍4