В веб-студии A42 сделали адаптивный сайт для Банка Развития Бизнеса.
За последнее время, это один из самый больших и интересных проектов, которые попадались мне в портфолио студий. Судите сами, сайт адаптивный, на сайте огромное количество различных типов страниц, калькуляторов и прочего интерактива.
Давайте рассмотрим его подробней.
Внутренних страниц разного вида на сайте реально много, это и различные калькуляторы и описания вкладов, кредитов и прочих ипотек.
Вот, например страницы подбора кредита.
В принципе, можно долго ходить по сайту, там есть на что посмотреть. Мне, например, понравились условия по расчетно-кассовому обслуживанию для ИП. =)
Адаптивность
Она действительно есть, если не поленится и зайти с разных устройств, даже есть ощущение продуманной структуры. Во всяком случае с телефона получилось выполнить набор тех же действий, что я выполнял с компьютера, так что зачет.
Немного странным кажется поведение сайта, при уменьшении окна браузера не происходит переключение между лейаутами, как у большинства адаптивных сайтов. Представитель разработчика пояснил, что это связано с привязкой к реальным размерам устройства-отображения, а также «хитросплетением svg, js и плиток из которых состоят макеты».
Резюме
На мой взгляд большой и интересный сайт получился, молодцы! Выложили в портфолио заполненный сайт — плюс в карму.
Господа, а что думаете вы?
Я походу опять не в том браузере?
http://s5.hostingkartinok.com/uploads/images/2013/09/b1ccbfa954fb6410743bf13e25b9cb6a.jpg
И почему в квадратиках, вроде бы схожих по смыслу, разные размеры шрифта? (Депозиты vs Расчетно-кассовое обслуживание)
http://s5.hostingkartinok.com/uploads/images/2013/09/dbe80946e374c1d5c1eacdec561b14fb.jpg
Верстальщик — #плохо.
И еще имхо — правый блок тут перевешивает основной контент. или я #много ошибаюсь?
Да, с браузером тебе однозначно не везет )
Доктайп HTML5 и ни одного HTM5 тега… как-то это странно.
Все, конечно, здорово, но с информационной архитектурой полная беда. Такой сайт понравится только девочкам, которые любят бесцельно бродить по магазинам. Нормальным людям хочется понимать, где они находятся. Ты хлебные крошки видел вообще? Это же полная шиза — на внутренней странице вообще непонятно, где находишься.
Много вопросов и все «зачем»:
Зачем на каждой из сотен страниц грузить апи яндекс карт?
Зачем в адаптивной версии подчеркивать слова на ссылках-блоках?
Зачем на этой странице чудо-ссылка «Смотреть полную таблицу«, открывающаяся вообще вне контекста сайта?
И одно почему тут в правой колонке симпатишные, без нареканий, ползунки чуть ниже в колонке разжалованы в чекбоксы?
Видимо, мне тоже не везет с браузером =(
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, что в том же ведроид-браузере проявляется в виде характерной для ссылок обводки.
Дизайн, на мой взгляд, сильно перегружен — на той же главной странице мне показалось неочевидным разделение элементов на «Частным лицам» и «Бизнесу» — фон двух блоков с ссылками очень отличается от своих соседей, что чисто визуально разбивает все на несвязанные куски (но это только мое мнение, как случайно зашедшего на сайт пользователя).
В общем, видно, что работы было проделано очень много, за это респект. Но, похоже, сроки очень сильно поджимали разработчика фронтенда — многовато все-таки косяков с версткой…
Наверное, много нужно доделывать, но в целом отлично, лучшее, что вообще есть среди местных работ подобного плана.
Все хорошо, но я теряюсь в этом сайте. Не понимаю, что мне делать, куда идти. Информация логически не структурирована, возникает ощущение хаотичности. Может быть не стоило тратить усилия на современные дизайнерские веяния? Адаптивность — очень хорошо поработали, но она меркнет перед остальными недостатками.
Мне вообще все время кажется что стили не прогрузились. И да, я тоже не могу понять, что вообще делать и куда надо нажать, чтобы было весело.
Это только у меня в FF 24.0 такое проявляется?
1) Открываем http://www.bankrb.ru/system/calcv.html
2) Вводим любое число от 0 до 499 или от 500 в поле «У меня есть N руб.»
3) Жмем Enter
4) В первом случае оно сбрасывается на 0, во втором же превращается в NaN.
От 0 до 499 — значит, что у тебя вообще нет денег )
Epic fail, a42! XD
На самом деле, судя по отзывам сайт скорее понравился почти все, чем нет =)))
Сайты, которые не нравятся — там обычно сайты не обсуждают, обычно высмеивают Христосенко.
Судя по отзывам тут, каждый второй не может разобраться с навигацией. А тут какбэ люди опытные.
Что будет с моей мамой, если ее запустить на этот сайт? Кто после этого оплатит лечение?
Может я отзывы к другому сайту читал, но у большинства браузер неправильный стоит xD
Ммм… А «Not a Number» — это типо есть, но мало?
Ага, мол «извините, это не деньги»
1. Мельче не было шрифта?
2. Сохранение данных форм — святое правило веба, грешно не соблюдать.
3. Картинка с логосом при каждой перезагрузке — это вообще 5+. Идея клиента как я понимаю?
4. Навигация? Что с ней? Её нет. Элементарное подсвечивание пункта меню, где сейчас находиться пользователь, хотя бы.
5. Посоны, я на яндекс.картах застрял, как мне вернуться назад?
Проект с замашкой на высокий уровень. Плохо, что ввели в эксплуатацию без должного тестирования.
«Доктайп HTML5 и ни одного HTM5 тега… как-то это странно.»
Ничего странного, если верстают программисты.
http://s019.radikal.ru/i627/1310/08/4e6e4d10ab1a.png
Антон Викторович, ну что же вы так о программистах-то? ))
Хороший программер знает где взять и как применить готовые отверстанные решения ;)
П.С.
Пробежался по сайту в надежде на
чудото, что поправили хотя бы часть из указанного уважаемыми господами выше. Однако, после 5-го глобального моргания всей страницы сайта при переходе между разделами зарекся когда либо открывать этот сайт.Может нужно не бегать по сайту, а просто смотреть что там есть и тогда не будет тизер (или как его назвать) раздражать?
Илья, кто бы отказался не бегать, а смотреть что там есть, если бы это был «одностраничник». Но к сожалению / счастью (ненужное зачеркнуть) пользователи будут нажимать на ссылки и смотреть-искать нужную информацию. И получать стробоскопом по глазам! Жаль их))
Не знаю-не знаю. А стробоскоп из элементов страницы, которые отрисовываются браузером лучше? Лично меня абсолютно не раздражает их логотип.
Хотя если взять современного человека-невростеника (почти любой городской житель), его может раздражать что угодно, в случайном порядке.
Илья, у тебя же есть опыт работы с современными людьми, далекими от веб-разработки — устрой опрос по адекватности сайта, опубликуй результаты. А пользователь (включая неврастеника) так или иначе голосует
рублемпросмотрами на счетчике. Так что время покажет.UX тестирование при разработке сайта проводилось, насколько мне известно.
Здесь обратили внимание на те моменты, на которые пользователи внимание не обратили вовсе или высказали диаметрально противоположное мнение.
«Хороший программер знает где взять и как применить готовые отверстанные решения ;)»
Одно дело найти какое-то небольшое готовое решение, где для программиста не нужно особо знаний, а другое дело верстать проект с нуля, где нужны знания и опыт.
http://i019.radikal.ru/1310/48/18203168a7e3.png
Вот например зачем было городить всю эту лестницу, если можно было бы обойтись тегом a, задав ему display: block;, а уже внутри него разместить 2 картинки?
не говоря уже о антивалидности блочных внутри линейных тегов + инлайн стили… там докапываться можно до кучи вещей. Но, мы не будем же, Антон Викторович, брюзжать… ))
Ну, конкретно в том блоке с валидностью норм, внутри тега a можно пихать блочные элементы.
Проблема в загромождённости, когда можно было бы сделать проще.
Тут все такие правильные версталы и ui специалисты я смотрю :)