Cetera Labs - Ярославский веб-дизайн - Изучаем

Компания Cetera Labs когда-то приятно удивила меня лаконичностью своего сайта (см. обзор предыдущей версии сайта). Недавно компания опубликовала новую версию сайта, который, став более информативным, не стал при этом менее стильным.

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

Текущая закладка выделяется более светлым, чем остальные, цветом фона и красным цветом текста, что не дает посетителю "заблудиться". Главная навигация продублирована текстовыми ссылками в нижней части страницы, где применена та же цветовая логика выделения текущего раздела красным цветом текста.

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

Область главной навигации отделена от контекстной области красной полосой, что выглядит логичным. Единственное, что вызывает нарекание - небольшая лень разработчиков, которые применили тот же красный цвет, что и в логотипе, из-за чего упомянутая линия, помещенная в несколько другие условия, нежели другие красные элементы рядом с ней, выглядит чуть более темной. Мне кажется, дизайнер должен учитывать ошибки восприятия и, по меньшей мере, корректировать их (в идеале, конечно, использовать). Я бы эту линию немного высветлил... впрочем, это всего лишь мое мнение.

Прежде, чем перейдем в область контента, остановимся на некоторых недостатках верхней навигационный части. Первый и главный из них - логотип, перекочевавший из старой версии сайта. В старом обзоре я уже высказывался на его счет - не буду повторяться. Жаль, что разработчики не хотят с ним расстаться. Второй недостаток - наличие в верхней части довольно широкой темной полосы, содержащей единственную ссылку "Демо-версии". Трудно поверить, что эта полоса является частью сайта. Честно говоря, это больше похоже на фрейминг... Кстати, здесь разработчики опять проигнорировали особенности восприятия, не учтя, что один и тот же цвет выглядит по-разному в широкой полосе на краю страницы и в цвете текста на белом фоне, в результате чего полоса выглядит отчужденно и только специальным усилием воли можно заставить себя поверить в то, что она задумана как важная часть сайта. Третий и последний недочет - использование белой линии в верхней части активной закладки. Мне кажется, более светлого фона вполне достаточно для ее выделения, а белая линия просто разрушает впечатление от тонкого использования градиентов в других местах.

Контент сайта сверстан практически безупречно. Главная страница разделена на несколько зон, размещенных и заполненных очень логично (слева направо, сверху вниз: описание компании, решения, услуги, успешный проект, новости & пресс-релизы, задаем вопросы, контакты - правильный порядок). Визуальной опорой является отлично встроенная в страницу фотография какого-то дорогого здания.

Все внутренние страницы сверстаны по единому двухколоночному шаблону. Левая колонка содержит собственно контент, а правая - краткую сводку новостей и рекламу системы Cetera eCommerce, которую мы съедим на сладкое. Верстка текстов стильная и аккуратная. Единственное, что вызывает вопрос - неизвестно откуда взявшийся цвет прямоугольника, в котором помещено название текущей страницы в строке пути (Hue=118). Такого цвета я больше нигде не нашел... Некоторые нарекания вызывает и экзотический Trebuchet MS, которым сверстаны все тексты. Слов нет, он выглядит стильно при достаточно большом размере, но размер 10px, использованный в новостях - явно не его размер.

Тексты грамотны, но несколько тяжеловаты - не мешало бы сделать их чуть более лаконичными. Чего стоит, например, эта тяжеленная и не вполне правильно постоенная фраза со страницы "Компания": "При распределении ресурсов и планировании деятельности компании приоритет отдается качеству продуктов и сервиса; качество всегда и всем выгодно, и разработчику, и клиенту." Вторая ее часть чем-то напоминает чеховское "лошади едят овес и сено", не правда ли?

К сожалению, верстка сделана жесткой и достойно выглядит только в разрешении 800х600. При увеличении разрешения все содержимое сайта остается слева, что полностью разрушает всю композицию. Еще большее сожаление вызывает тот факт, что при переключении размера шрифта в IE закладки главной навигации ведут себя совершенно непредсказуемо... Непростительная ошибка верстальщика.

Теперь настала пора обещанного сладкого блюда. Больше всего меня повеселил логотип Cetera eCommerce, размещенный в правой колонке всех внутренних страниц. Логотип состоит из буквы "e" на фоне оранжевого прямоугольника. Буква "е" дополненна сверху каким-то "тычком" - то ли труба, как у теплохода, то ли намек на выступающую вертикальную линию значка "$". Вся конструкция как бы колышется на волнах. Выглядит это достаточно забавно, так как крен упомянутой конструкции не соответствует высоте волны, из-за чего создается впечатление, что логотип тихонечко тонет с дифферентом на корму. Кроме того, если посмотреть на букву "е" так называемым "детским глазом", то можно увидеть, как она в ужасе кричит, видимо, от предчувствия скорой и неизбежной гибели. Слоган "Ваш бизнес всегда на плаву" только добавляет пикантности в эту трагикомичную ситуацию.

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

Mick