Всем привет в этом чатике! Я Динара — дизайнер команды цифрового офиса, хочу рассказать, как мы делали интерфейс для бронирования ячеек)

В связи с переездом в новый офис нам поставили новенькие локеры — ящики, где сотрудники могут оставить свои личные вещи (и мерч, который лень тащить домой😁). Забронировать и открыть ячейку можно через экран, как раз для него и нужно было сделать интерфейс.

После схематично отрисованного флоу пошла обсуждать задачу с разработкой. Хотелось сделать процесс авторизации максимально бесшовным, но столкнулась с некоторыми техническими ограничениями. Для контекста — у сотрудника есть выбор как он хочет войти: по пропуску или по лицу 😏 Но face id работает не автоматически, как на системе входа в здание, а по запросу. А вот считыватель пропусков активен всегда. Поэтому открытие по пропуску осталось стартовым сценарием, а по лицу — дополнительным.

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

Следующий прикол — ячеек может быть как 16, так и 96 🤩 Подбирала универсальный размер, чтобы обойтись без скрола и стала придерживаться центральной композиции. А еще где-нибудь между рядов может быть столб 🙂

Дальше прорабатывала процесс бронирования и последующего открытия ячейки, нарисовала несколько вариантов свободных и занятых локеров и пошла проводить коридорки. Использовала самый удачный вариант)

В итоге, сейчас с радостью смотрю, как коллэээги за секунду открывают и пользуются своими ячейками, нереальный кайф!

Такая вот история, на все вопросы буду рада ответить в комментах🕺

Привет, коллеги! 😎

На связи Маша, дизайнер дебетовых счетов и карт. В этом посте я расскажу о нашем интернет-банке, которому мы устроили экстренный редизайн. На первом скриншоте наше «до» 2021 года, а на втором — свежее «после». Да, довольно долго интернет-банк оставался без должного внимания, и все силы были сосредоточены на мобильном приложении.

Почему так? 😎
1. Исторически интернет-банк и приложение развивались как два разных проекта с разными командами. Для сравнения: в команде веб-дизайна было всего около 25 человек, из которых интернет-банком занимался только 1 (один!); а приложение банка рисовало ~60 дизайнеров. Разделение объяснялось в основном разными приоритетами задач и было оправдано для того времени.
2. Подходы к интернет-банку и приложению отличались и на уровне системы: палитра, шрифты, иконки и т.д.Веб даже функционально не дотягивал до приложения: в нем элементарно нельзя было, например, посмотреть реквизиты карты.

Но время вносит свои коррективы, и вот уже больше полутора лет мы перестраиваем архитектуру сайта, пересобираем команду дизайнеров, меняем процессы. За это время мы успели набить несколько болезненных шишек. Чтобы узнать про них подробнее и не повторить у себя в проектах, посмотрите мое выступление на нашем митапе про веб.

А что сейчас? 😎
1. С интернет-банком взаимодействует больше 80 дизайнеров. Теперь у нас нет отдельно дизайнеров веба и дизайнеров приложения —топим за кроссплатформенность.
2. В прод выведено 45 экранов, покрывающих самые посещаемые страницы. Они почти идентичны приложению, — с учетом ограничений веба, конечно.
3. Также мы синхронизировали дизайн-системы на 90% и сильно упростили процесс отрисовки макетов.

Работа была проделана просто титаническая — огромное спасибо всей команде, которая запускала этот проект. 😘
Если у вас есть вопросы про наш интернет-банк или свои истории про веб — заходите в комментарии, обсудим!