Сайт на оценку

[Sketch]

Оцените, пожалуйста, мою первую коммерческую работу.

Замечания: Не работает форма "Поиск", кнопка "Прайс", кнопка "Документация" (доделываю). Заказчик хотел сайт в зеленых тонах, это требование. Логотип также был предоставлен и не подлежит изменению.

Прошу оценить:

-дизайн, цветовую гамму

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

-качество верстки

-качество кода

Сайт компании продающей системы безопасности (не магазин, дилеры производителя систем безопасности)

Адрес http://arma.spb.ru/

Жду вашей критики, дабы улучшить сайт.

[Searcher]

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

Цветовая гамма что-то очень неудачная. Оттенков зеленого множество, вы же используете просто зубодробильные! Тут хаки просится

Левый пункт меню выделяется с закруглениями слева понятно почему, а остальные то пункты зачем так? Там логичней без закруглений.

Почему "Документация и сертификаты" и "Прайс" разбросаны так - непонятно. Да и зачем под поиск и один пункт меню целую колонку отводить? Очень съедает полезное пространство.

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

Подменю слишком прозрачно.

Почему в каталоге в заголовке "Системы | Главная > Каталог >"?

Что значат "Системы |", такого в меню нет. "Главная > Каталог >" - ведут на одну и ту же страницу.

Не проще ли просто "Каталог >" как и в остальных пунктах?

На первой странице 6 логотипов либо просятся под нажатие и рядом с соответствующими пунктами, либо не нужны вообще. С толку сбивают.

Разделы каталога на первой странице очень кондовые. Эти декорации - графический мусор. Да еще и контрастность паршивая. Лучше сделать вертикальным списком с иконками слева, а не менять размер шрифта в угоду одинаковому размеру плашек.

В ИЕ верстка начинает расползаться, вылезают рамки у картинок, следует адаптировать под ИЕ7-9. Так что в коде я особо не копался. Не понял только, почему не используются h1 и т.п.?

[ShumNo]

Такое чувство, что открыл сайт в IE5 и он скачет и скачет, но открыл то я в FF

Бордеры синие у картинок

картинки надо через спрайт делать

...

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

[buddah]

Гуру дизайна говорят - стиль сайта задает его лого. И это самая важная вещь, которую можно придумывать и рисовать месяцами. Здесь мы то же самое видим, какое лого такой и сайт.

[Catherine]

Человек уже сделал, выкидывать вряд ли будет. Согласна с Searcher, цвет однозначно надо поменять, тут больше подойдут камуфляжные цвета, хаки, и т.д. Возьмите, к примеру, цветовую гамму с WorldOfTanks

посмотрите, какой красивый зеленый в форме советских генералов

А вот еще варианты камуфляжа:

И бэграунд в выпадающих меню менее прозрачным сделать, текст нечитабельный при перекрытии.

Edited March 2, 2012 by Catherine

[skygazer]

Какой-то стремный дизайн, если честно. Блевотный зеленый, или изумрудный?

Странное меню посредине, сайт не тянется по вертикали - это плохо.

Edited March 2, 2012 by skygazer

[Sketch]

Большое спасибо за критику! Попробую ответить и, конечно, все написанное вами учту в дальнейшем.

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

Цветовая гамма что-то очень неудачная. Оттенков зеленого множество, вы же используете просто зубодробильные! Тут хаки просится

Левый пункт меню выделяется с закруглениями слева понятно почему, а остальные то пункты зачем так? Там логичней без закруглений.

Почему "Документация и сертификаты" и "Прайс" разбросаны так - непонятно. Да и зачем под поиск и один пункт меню целую колонку отводить? Очень съедает полезное пространство.

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

Подменю слишком прозрачно.

Почему в каталоге в заголовке "Системы | Главная > Каталог >"?

Что значат "Системы |", такого в меню нет. "Главная > Каталог >" - ведут на одну и ту же страницу.

Не проще ли просто "Каталог >" как и в остальных пунктах?

На первой странице 6 логотипов либо просятся под нажатие и рядом с соответствующими пунктами, либо не нужны вообще. С толку сбивают.

Разделы каталога на первой странице очень кондовые. Эти декорации - графический мусор. Да еще и контрастность паршивая. Лучше сделать вертикальным списком с иконками слева, а не менять размер шрифта в угоду одинаковому размеру плашек.

В ИЕ верстка начинает расползаться, вылезают рамки у картинок, следует адаптировать под ИЕ7-9. Так что в коде я особо не копался. Не понял только, почему не используются h1 и т.п.?

-Цветовая гамма подбиралась под логотип, выданный мне заказчиком. Цвет логотипа и форму/исполнение менять нельзя;

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

-Макет расположения нарисован и предоставлен заказчиком, менять местами "прайс", "поиск", "документацию" нельзя;

-Про выделение текущего пункта меню согласен полностью. Исправлю;

-Прозрачность подменю немного уже исправил, хотя все равно накладывается на текст. Подумаю еще;

-"Главная > Каталог >". Да, тут избыточность, но получается, что главная и есть начало каталога. Не знаю, как отделить это. По мнению заказчика каталог должен быть сразу на главной. А по моему мнению, необходимо, чтобы пользователь знал, что "главная" есть и где-то рядом, при желании вернуться в самое начало;

-6 логотипов в последствии буду нажиматься;

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

Такое чувство, что открыл сайт в IE5 и он скачет и скачет, но открыл то я в FF

Бордеры синие у картинок

картинки надо через спрайт делать

...

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

-Странно в ЦСС я прописывал серый цвет рамок у картинок. У вас свой стиль в браузере выставлен?

-Что значит делать через спрайт? Я только начинаю, не в курсе что это?

-Согласен, что все это надо выкинуть, но как объяснить заказчику, почему не так как он хочет?

Гуру дизайна говорят - стиль сайта задает его лого. И это самая важная вещь, которую можно придумывать и рисовать месяцами. Здесь мы то же самое видим, какое лого такой и сайт.

-Логотип предоставил заказчик. От него и плясал мой "дизайн" и "цветовая гамма". За лого уже заплачено много, посему заказчик не хочет платить за другое лого.

Человек уже сделал, выкидывать вряд ли будет. Согласна с Searcher, цвет однозначно надо поменять, тут больше подойдут камуфляжные цвета, хаки, и т.д. Возьмите, к примеру, цветовую гамму с WorldOfTanks

посмотрите, какой красивый зеленый в форме советских генералов

А вот еще варианты камуфляжа:

И бэграунд в выпадающих меню менее прозрачным сделать, текст нечитабельный при перекрытии.

-Да, согласен со всем, что вы написали. Как бы ни хотел заказчик, а оттенки зеленого бывают разные. Буду думать.

Какой-то стремный дизайн, если честно. Блевотный зеленый, или изумрудный?

Странное меню посредине, сайт не тянется по вертикали - это плохо.

-Меню по середине - основное требование заказчика;

-Насчет вертикали. Не могу решить проблему такую: есть, например, блок <div>, ставлю в ЦСС фоновое изображение этому блоку, но если нет текстового или графического заполнения этого блока в хтмл файле, то он сворачивается в 0. Как сделать так, чтобы блок был пустым, но высота его равнялась высоте фонового изображения? Высота должна быть резиновой, но не менее высоты фона

Спасибо всем! Буду благодарен, если посоветуете что-то по моим, возникшим в ответ вам, вопросам.

Edited March 13, 2012 by Sketch

[Vin]

Уроки по рисованию макетов красивых макетов. Есть что подсмотреть.

http://www.grafpedia.com/category/tutorials

Шаблоны на военную тематику, там и варианта с хаки как раз имееются — тоже можно вдохновляться.

http://www.templatemonster.com/category/military/

Нынешний вариант, если честно, производит отталкивающее впечатление.

[paracelso]

Говно.

И говнявый логотип - недостаточное оправдание для такого говна.

<meta name="keywords" content="АРМА, безопасность, охрана, пожар, сигнализация, охранно-пожарная сигнализация, проектирование, монтаж, ровалэнт, автоматика,

автоматизированные системы, мониторинг, АСУ, АСУТП, АСУ ТП, АПС, АСПС, СКУД, Приборы серии А, источники питания, Евролан, Вектор, ОПС, Бирюза, СОУЭ ГОНГ, Неман,

Энергобаланс, ИСО 777, Самсунг, Samsung, спб, схемы подключения, Autocad, документация, сертификаты, ПО, программное обеспечение">

Почему бы сюда не добавить Чака, котят, драку и детскую порнографию? Какая-то адовая каша, которая не нужна, а была бы нужна - не работала бы.

Edited March 13, 2012 by paracelso

[Searcher]

paracelso - последователь Лебедева? Только в манере выражения своих мыслей?

[paracelso]

Нет, но я предпочитаю говорить открыто и никого на пустом месте не засирать. Зачем нести всякую чушь про "это вызвано, это неоправдано и т.п.", и такого же отношения жду к себе. Назвали говном, объяснили причины - и все счастливы.

[avdept]

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