Банк развития бизнеса от веб-студии A42

В веб-студии A42 сделали адаптивный сайт для Банка Развития Бизнеса.

Банк развития бизнеса

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

Давайте рассмотрим его подробней.

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

thumb_vnutr

Вот, например страницы подбора кредита.

В принципе, можно долго ходить по сайту, там есть на что посмотреть. Мне, например, понравились условия по расчетно-кассовому обслуживанию для ИП. =)

Адаптивность

Она действительно есть, если не поленится и зайти с разных устройств, даже есть ощущение продуманной структуры. Во всяком случае с телефона получилось выполнить набор тех же действий, что я выполнял с компьютера, так что зачет.

Немного странным кажется поведение сайта, при уменьшении окна браузера не происходит переключение между лейаутами, как у большинства адаптивных сайтов. Представитель разработчика пояснил, что это связано с привязкой к реальным размерам устройства-отображения, а также «хитросплетением svg, js и плиток из которых состоят макеты».

Резюме

На мой взгляд большой и интересный сайт получился, молодцы! Выложили в портфолио заполненный сайт — плюс в карму.

Господа, а что думаете вы?

Поделиться

Банк развития бизнеса от веб-студии A42: 33 комментария

  1. Илья Горбаров Автор записи

    Да, с браузером тебе однозначно не везет )

    Thumb up 0 Thumb down 0

  2. Константин

    Все, конечно, здорово, но с информационной архитектурой полная беда. Такой сайт понравится только девочкам, которые любят бесцельно бродить по магазинам. Нормальным людям хочется понимать, где они находятся. Ты хлебные крошки видел вообще? Это же полная шиза — на внутренней странице вообще непонятно, где находишься.

    Thumb up 0 Thumb down 0

  3. Артем Бреславский

    Много вопросов и все «зачем»:
    Зачем на каждой из сотен страниц грузить апи яндекс карт?
    Зачем в адаптивной версии подчеркивать слова на ссылках-блоках?
    Зачем на этой странице чудо-ссылка «Смотреть полную таблицу«, открывающаяся вообще вне контекста сайта?

    И одно почему тут в правой колонке симпатишные, без нареканий, ползунки чуть ниже в колонке разжалованы в чекбоксы?

    Thumb up 0 Thumb down 0

  4. Daniil Filippov

    Видимо, мне тоже не везет с браузером =(

    1) http://i.imgur.com/dXDzCqa.png
    2) http://i.imgur.com/BNCBuse.png
    3) http://i.imgur.com/oaQKtIn.png

    Сама адаптивность довольно-таки интересная — меньше CSS media queries, больше JavaScript (без последнего сайтом в принципе нельзя пользоваться). В нативном браузере Android 2.3.6 наблюдается какой-то фейл с изображениями:

    http://i.imgur.com/zkfYBi6.png

    В разметке трехпозиционных переключателей зачем-то используется элемент a, что в том же ведроид-браузере проявляется в виде характерной для ссылок обводки.

    Дизайн, на мой взгляд, сильно перегружен — на той же главной странице мне показалось неочевидным разделение элементов на «Частным лицам» и «Бизнесу» — фон двух блоков с ссылками очень отличается от своих соседей, что чисто визуально разбивает все на несвязанные куски (но это только мое мнение, как случайно зашедшего на сайт пользователя).

    В общем, видно, что работы было проделано очень много, за это респект. Но, похоже, сроки очень сильно поджимали разработчика фронтенда — многовато все-таки косяков с версткой…

    Thumb up 0 Thumb down 0

  5. lamaHlama

    Наверное, много нужно доделывать, но в целом отлично, лучшее, что вообще есть среди местных работ подобного плана.

    Thumb up 0 Thumb down 0

  6. Иван Веселов

    Все хорошо, но я теряюсь в этом сайте. Не понимаю, что мне делать, куда идти. Информация логически не структурирована, возникает ощущение хаотичности. Может быть не стоило тратить усилия на современные дизайнерские веяния? Адаптивность — очень хорошо поработали, но она меркнет перед остальными недостатками.

    Thumb up 0 Thumb down 0

  7. Tiger-off

    Мне вообще все время кажется что стили не прогрузились. И да, я тоже не могу понять, что вообще делать и куда надо нажать, чтобы было весело.

    Thumb up 0 Thumb down 0

  8. Daniil Filippov

    Это только у меня в FF 24.0 такое проявляется?

    1) Открываем http://www.bankrb.ru/system/calcv.html
    2) Вводим любое число от 0 до 499 или от 500 в поле «У меня есть N руб.»
    3) Жмем Enter
    4) В первом случае оно сбрасывается на 0, во втором же превращается в NaN.

    Thumb up 0 Thumb down 0

  9. Илья Горбаров Автор записи

    От 0 до 499 — значит, что у тебя вообще нет денег )

    Thumb up 0 Thumb down 0

  10. Илья Горбаров Автор записи

    На самом деле, судя по отзывам сайт скорее понравился почти все, чем нет =)))

    Сайты, которые не нравятся — там обычно сайты не обсуждают, обычно высмеивают Христосенко.

    Thumb up 0 Thumb down 0

  11. Константин

    Судя по отзывам тут, каждый второй не может разобраться с навигацией. А тут какбэ люди опытные.

    Что будет с моей мамой, если ее запустить на этот сайт? Кто после этого оплатит лечение?

    Thumb up 0 Thumb down 0

  12. Илья Горбаров Автор записи

    Может я отзывы к другому сайту читал, но у большинства браузер неправильный стоит xD

    Thumb up 0 Thumb down 0

  13. Daniil Filippov

    От 0 до 499 — значит, что у тебя вообще нет денег )

    Ммм… А «Not a Number» — это типо есть, но мало?

    Thumb up 0 Thumb down 0

  14. Дефектолог

    1. Мельче не было шрифта?
    2. Сохранение данных форм — святое правило веба, грешно не соблюдать.
    3. Картинка с логосом при каждой перезагрузке — это вообще 5+. Идея клиента как я понимаю?
    4. Навигация? Что с ней? Её нет. Элементарное подсвечивание пункта меню, где сейчас находиться пользователь, хотя бы.
    5. Посоны, я на яндекс.картах застрял, как мне вернуться назад?

    Thumb up 0 Thumb down 0

  15. Александр

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

    Thumb up 0 Thumb down 0

  16. Антон Викторович

    «Доктайп HTML5 и ни одного HTM5 тега… как-то это странно.»
    Ничего странного, если верстают программисты.

    Thumb up 0 Thumb down 0

  17. Артем Александрович

    Антон Викторович, ну что же вы так о программистах-то? ))
    Хороший программер знает где взять и как применить готовые отверстанные решения ;)

    П.С.
    Пробежался по сайту в надежде на чудо то, что поправили хотя бы часть из указанного уважаемыми господами выше. Однако, после 5-го глобального моргания всей страницы сайта при переходе между разделами зарекся когда либо открывать этот сайт.

    Thumb up 0 Thumb down 0

  18. Илья Горбаров Автор записи

    Может нужно не бегать по сайту, а просто смотреть что там есть и тогда не будет тизер (или как его назвать) раздражать?

    Thumb up 0 Thumb down 0

  19. Артем Александрович

    Илья, кто бы отказался не бегать, а смотреть что там есть, если бы это был «одностраничник». Но к сожалению / счастью (ненужное зачеркнуть) пользователи будут нажимать на ссылки и смотреть-искать нужную информацию. И получать стробоскопом по глазам! Жаль их))

    Thumb up 0 Thumb down 0

  20. Илья Горбаров Автор записи

    Не знаю-не знаю. А стробоскоп из элементов страницы, которые отрисовываются браузером лучше? Лично меня абсолютно не раздражает их логотип.

    Хотя если взять современного человека-невростеника (почти любой городской житель), его может раздражать что угодно, в случайном порядке.

    Thumb up 0 Thumb down 0

  21. Артем Александрович

    Илья, у тебя же есть опыт работы с современными людьми, далекими от веб-разработки — устрой опрос по адекватности сайта, опубликуй результаты. А пользователь (включая неврастеника) так или иначе голосует рублем просмотрами на счетчике. Так что время покажет.

    Thumb up 0 Thumb down 0

  22. Илья Горбаров Автор записи

    UX тестирование при разработке сайта проводилось, насколько мне известно.

    Здесь обратили внимание на те моменты, на которые пользователи внимание не обратили вовсе или высказали диаметрально противоположное мнение.

    Thumb up 0 Thumb down 0

  23. Антон Викторович

    «Хороший программер знает где взять и как применить готовые отверстанные решения ;)»

    Одно дело найти какое-то небольшое готовое решение, где для программиста не нужно особо знаний, а другое дело верстать проект с нуля, где нужны знания и опыт.

    Thumb up 0 Thumb down 0

  24. Антон Викторович

    http://i019.radikal.ru/1310/48/18203168a7e3.png

    Вот например зачем было городить всю эту лестницу, если можно было бы обойтись тегом a, задав ему display: block;, а уже внутри него разместить 2 картинки?

    Thumb up 0 Thumb down 0

  25. Артем Александрович

    Вот например зачем было городить всю эту лестницу,…

    не говоря уже о антивалидности блочных внутри линейных тегов + инлайн стили… там докапываться можно до кучи вещей. Но, мы не будем же, Антон Викторович, брюзжать… ))

    Thumb up 0 Thumb down 0

  26. Антон Викторович

    Ну, конкретно в том блоке с валидностью норм, внутри тега a можно пихать блочные элементы.

    Проблема в загромождённости, когда можно было бы сделать проще.

    Thumb up 0 Thumb down 0

  27. nibo

    Тут все такие правильные версталы и ui специалисты я смотрю :)

    Thumb up 0 Thumb down 0

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *