Назад в раздел:
Корпоративный сайт
Мы разработали дизайн на основе существующей структуры и прототипа сайта.
![ББР Банк 1_logo_1200.jpg](/upload/medialibrary/d9e/d9e56d4af5fb4f1f202195ef878dc8e4.jpg)
Задача
Обновить дизайн сайта по существующей структуре и разработать мобильную версию.
Решение
Удобный банк.
Современный банковский сайт должен восприниматься клиентом легко, быть понятным и логичным для пользователя. С функциональной точки зрения, облегчив восприятие информации, мы сделали акцент на главных пунктах меню, что сделало сайт банка удобным, а важная информация стала восприниматься яснее.
С точки зрения графики сайта мы опирались на фирменный стиль банка. В дизайне главным стилеобразующим элементом стали формы окружности — дуги, круги, точки, скругленные углы. На главной странице основной рекламный слайдер идет с нижней дугой. Таким образом мы хотели отстроиться от традиционных прямоугольных баннеров, которые используются на многочисленных сайтах, в том числе банковских.
Немного поменяв существующую структуру главной страницы, на которой по умолчанию должны были появиться карточки четырех вкладов, мы сразу показываем и раскрываемым один из вкладов. Ознакомившись с вкладом, пользователь может сразу открыть калькулятор для расчета доходности. Калькулятор открывается в виде всплывающего окна.
![3_vklad_1200.jpg 3_vklad_1200.jpg](/upload/medialibrary/4de/4de32adbd0d3316d556cec9c4b184c75.jpg)
![3_calculator_1200.jpg 3_calculator_1200.jpg](/upload/medialibrary/b16/b16c7bad3836e3efc2e4dfce089b1e15.jpg)
![4_kartochki.jpg 4_kartochki.jpg](/upload/medialibrary/abb/abb18c86e1a74605464fe737a7c8b05f.jpg)
![kurs_site_BBR_1200.gif kurs_site_BBR_1200.gif](/upload/medialibrary/a7c/a7c7642f5e6c5e1182230c98347a0626.gif)
![6_mobil.jpg 6_mobil.jpg](/upload/medialibrary/e6b/e6b36dac7977287e643adb50a64d0d6c.jpg)
![6_business.jpg 6_business.jpg](/upload/medialibrary/ea8/ea8ab754cabb6893298c5ec84a7d3098.jpg)
Анимация баннеров
На главной странице прокрутка рекламных баннеров, анимация слайдов и смещение текста происходит плавно и аккуратно, что делает страницу интереснее для посетителя. Кнопка на слайде подсвечивается в цвет кнопки при наведении курсора мыши.
![8_icon.jpg 8_icon.jpg](/upload/medialibrary/22b/22bceb047f30d1aa7d21d5109be6f080.jpg)
![9_zveta.jpg 9_zveta.jpg](/upload/medialibrary/424/4241c3c8665e83924d1d8a8870dc53ee.jpg)
![9_element.jpg 9_element.jpg](/upload/medialibrary/e73/e73eebbe9ce885e0c4ac774e67b32330.jpg)
![11_straniz.jpg 11_straniz.jpg](/upload/medialibrary/5c5/5c58612d9eb22321f3c3cc3f1df14215.jpg)