Mobile
Tablet
Desktop
by Brux
Финансовый сервис с актуальной информацией о большинстве банков и их продуктах по всей России, помогающий пользователям принимать осознанные решения.
О проекте
Задача: разработать дизайн финансового сервиса для мобильных устройств с последующей адаптацией под десктоп.Материал и данные: заказчик предоставил цветовую схему и референсы для более точного понимания проекта.
Mobile
Tablet
Desktop
Структура сайта
Аналитика
Проработали логику и создали оптимальный пользовательский путь. В среднем нужно всего 3 клика, чтобы совершить целевое действие.
Главная страница
Дизайн
Главная страница — самая популярная на всём сайте. На первом экране размещены ключевые разделы: потребительские кредиты, кредитные и дебетовые карты, ипотека, банки, курсы, вклады и займы. Это позволяет пользователю быстро найти и перейти в нужный раздел.
Потребительские кредиты
Разработали страницу кредитов от ведущих банков страны с кредитным калькулятором. Теперь рассчитывать и получать кредит стало проще.
Кредитные карты
Разработали страницу кредитных карт с удобным расчётом, сравнением и оформлением.
Банки
Разработали страницу с банками РФ, теперь можно быстро найти и получить консультацию у интересующего банка.
Адаптивная версия
Для того что бы web-приложением было удобнее пользоваться на всех мобильных устройствах, отдельно проработали дизайн и для планшетов.
Реализация десктоп версии
При адаптации дизайна финансового сервиса с мобильных устройств на десктоп мы сохранили удобство и логическую структуру. Расширили рабочее пространство для отображения большого объёма данных, добавили дополнительные элементы навигации и оптимизировали интерфейс для крупных экранов, чтобы пользователи могли быстро находить информацию по картам, кредитам и другим банковским продуктам.
UI kit
Собрали UI-кит как основу дизайн-системы.
Manrope
Заголовки
Bold
39px
33px
27px
20px
Roboto
Текст и подписи
Medium
Regular
20px
16px
14px
12px
10px
#6E2CF1
#111111
#818992
#DDE0E3
#EEF0F2
#FFFFFF
Инпуты
Тёмная тема
Разработали тёмную тему сервиса для удобства работы в любое время суток. Тёмная тема не только делает сервис более привлекательным, но и уменьшает нагрузку на глаза и экономит заряд батареи на мобильных телефонах.
