Редизайн карты офисов и банкоматов банка
«Открытие»
«Открытие»
📁 Задача
Возникла задача провести редизайн всего поискового блока офисов и банкоматов на карте, в соответствии с обновлённым
UI-китом.
📈 Цель
Проверить все элементы сайта. Обновить дизайн блока, используя новый UI-кит.
💻 Ход работы
Предстояло проинспектировать элементы разделов сайта:
• Банкоматы
• Банкоматы: фильтры
• Офисы
• Офисы: фильтры
• Карточка офиса
• Карточка банкомата+поиск
Возникла задача провести редизайн всего поискового блока офисов и банкоматов на карте, в соответствии с обновлённым
UI-китом.
📈 Цель
Проверить все элементы сайта. Обновить дизайн блока, используя новый UI-кит.
💻 Ход работы
Предстояло проинспектировать элементы разделов сайта:
• Банкоматы
• Банкоматы: фильтры
• Офисы
• Офисы: фильтры
• Карточка офиса
• Карточка банкомата+поиск
После уточняющих вопросов у овнера, был сделан редизайн раздела «Банкоматы» (было/стало). Возникла необходимость так же закастомить элемент «tabs», добавить иконки. В дальнейшем изменения были внесены в UI-кит:
Далее были обновлены фильтры раздела:
На коротком созвоне с дизайнерами и разработчиками обсудили дальнейший редизайн раздела «Офисы», получилось так:
И редизайн фильтров раздела:
Далее возникла необходимость провести редизайн карточки офиса. В карточке офиса разработал и добавил новую иконку для пункта «Обслуживание маломобильных групп населения», добавил в UI-кит. Так же разработал отдельно сет компонентов для статистики по загруженности офиса:
И, наконец, были заредизайнены карточка банкомата и поисковая строка:
💰 Что в итоге
Редизайн успешно прошёл ревью, был запущен на прод, скорость прогрузки страницы возросла, исправлены ux-проблемы типа низкого контраста и размеров элементов.
Редизайн успешно прошёл ревью, был запущен на прод, скорость прогрузки страницы возросла, исправлены ux-проблемы типа низкого контраста и размеров элементов.