Конкурсный сайт про окна

Смысл баннера в том, чтобы привлечь внимание, а не в том, чтобы он просто был. Баннер — яркая картинка, которую хочется нажать, а не схемка на белом фоне с четырьмя словами и кнопкой. Кроме того, у тебя белый сайт и баннеры должны быть контрастными, иначе границ баннера и вовсе не будет видно. ЦА — люди в возрасте, молодежь окна не покупает, не до окон им. Так вот у наших мам и пап мониторы ужасно настроены, часто работают днем, когда отсвечивает еще больше. И в итоге весь твой первый экран (а так же менюшка и тонкие серые линии) будет вот таким:

Как видим, от сайта мало что осталось «при дневном свете»

Логотипы

Логотипы нельзя делать бледными, серыми, неяркими, тонированными и т. д. Во-первых, нельзя изменять логотипы. Во-вторых, бледные логотипы а) фигово видны на фигово настроенных мониторах и б) кажутся неактивными, как будто «тут мог быть логотип крутой компании Нокиа, но пока его нет, а мы просто забронировали для него место вот такими сереньким цветом. Чтобы остальные видели, что занято, извините, проходите мимо». По наведению, почему-то тоже бледный лого. Сам грешу иногда (на каждое правило есть исключение, так же?), но если фон сайта белый или серый, то логотипы должны быть цветными. Вот посмотри (это я даже «дневной свет» не добавил) — от дизайна ничего не осталось:

Вопрос один: куда пропал сайт?

О работе в целом

Работа получилась аккуратная и… и все 🙂 Но даже это круто!

Сайт у тебя получился лендингом с сайд-баром.

А с лендингом… Из-за сайдбара контент стал узким, в некоторых местах на целый экран только 2 слова (см. логотипы выше), а в некоторых экранах каша. Это еще одно место, где можно было отойти от ТЗ и получить большой профит — убрать ф топку сайдбар. Конкурсы такая штука, где безумные казалось бы идеи увеличивают шансы на победу. Аккуратности будет мало.

Заметно, что не хватает опыта (но опыт такая штука, которая появляется сразу после того, как была крайне необходима) Например, вот тут:

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

А такое лучше показывать логотипчиками, и это инфа не для сайд-бара, а для футера

Как свяжутся менеджеры? По телефону или по почте? Когда свяжутся / через сколько?

Кстати, папку надо было бы покрасить и логотип на ней разместить (только не по центру большой, ведь это задняя часть папки, а маленький, но заметный, снизу). А покрасить в голубой 🙂 Все что зеленое покрасить в голубой, кроме кнопок. Их можно оставить зелеными, чтобы подчеркнуть на них акцент.

Футер какой-то совсем унылый. Видимо, на него уже силочек не хватило 🙂

Высота первого экрана

… Хотел спросить такой момент как определить высоту первого экрана (этажа), чтоб показать это правильно в мокапе, как будет отображаться у пользователей и вообщем иметь понимание, это как понимаю зависит от разрешения под которое делается макет допустим 1366, то есть высота будет 768, а если этот макет откроет пользователь с большим разрешением, как у него это отобразиться? Чтобы следующий блок обрезался как можно гармоничнее на экране, или же вообще не обрезался. Плохо наверно изложил мысль, надеюсь поняли меня 🙂 …

Когда-то я много гуглил на эту тему, но ничего путного не нашел. Порой статистики по посещаемости сайта и вовсе нет, и тогда вообще не понятно, что делать, да?)

Возьмем стандартную высоту монитора 1080 пх (768 пренебрегаем так, как их мало, и с каждым днем все меньше). Отнимаем высоту полоски меню снизу 40 пх (у некоторых она справа или слева — но нам нужно понять от чего отталкиваться) и отнимаем высоту менюхи браузера (например, хрома) сверху — 85пх. И получаем 955 пх. Я стараюсь делать так, чтобы первый экран помещался в 750−850 пх (не забываем, что в этот размер должен еще поместиться и хедер) либо делать поэкранный дизайн: когда каждый блок подстраивается под высоту монитора (в таком случае стараюсь, чтобы высота контента в блоке была все та же 600−700пх и был еще какой-то запас сверху и снизу. Вот например, поэкранный дизайн на тему выездного бара.

Спс и все такое