Сайт Юридического центра

[samorealization]

Всем, здравствуйте.

В процессе разработки сайт юридического центра Альянс. Центр оказывает широкий спектр услуг.

Изначальная задача - сделать солидный и аккуратный сайт. Чтобы посетитель понимал, что компания хорошо "живет" и за имиджем своим следит. Сайт должен вызывать доверие клиентов-юрлиц.

На данный момент есть сверстанный макет (полноценный сайт пока не сделан). Вот его адрес: ссылка

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

Заранее спасибо.

[Dimitry Wolotko]

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

* где фавиконка, что бы сайт узнавался?

* нет ховеров на горизонтальном меню;

* из-за цвета надписи "Недвижимость всегда в цене" и "Авторское право" - нечитабельные;

* для списков надо сделать отступы, а то буллиты выступают;

* text-decoration для "Подготовка и сдача отчетности в Российское Авторское Общество" выглядит очень некрасиво.

* нигде нет title;

* логотип в шапке некликабелен, а люди привыкли переходить на индекс не нажатием кнопки "главная", а нажатием на логотип;

* <div id="header_top"> </div> - некрасиво, посмотрите сюда - http://forum.htmlbook.ru/index.php?s=&...st&p=114270

* слишком большая вложенность, особенно в хедере;

* большинство <img src="images/footer_line.jpg"/> и подобных - можно спрятать в стили, что бы в вёрстке не висели.

[BassEast]

да, чёрный.. не пройдёт.

Активный цвет заголовка и прочего (#932626), смотрится агрессивно, если честно + ещё и черный цвет всего окружающего;

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

Вот от меня вашему дизайнеру, мини-брэнд-бук:

[Verder]

Меня всегда поражало, как многие дизайнеры представляют себе строгость на бизнес-сайтах. Превращают нормальный сайт юридической компании в контору погребальных услуг. Представь себе - у человека проблемы с законом, предстоит суд, тяжба... он ищет (быстро ищет!) фирму, которая поможет ему не пропасть в данной ситуации. И что он находит? Депрессуху, которую дизайнер видимо посчитал строгостью. Челу надо улыбнуться! Расслабиться! Понять, что реально все будет хорошо. Не буду распинаться по поводу дизайна, просто выложу картинки, который щас, за чашкой кофе набросал - сайт юридической компании, которой я бы ПОВЕРИЛ!

1. http://img200.imageshack.us/img200/3053/as1o.png - типа всем п*зды! Человек зол! Ему нужен серьезный напарник!

2. http://img21.imageshack.us/img21/6655/as2r.png - А тут, возможно, чел поймет, что все не так плохо и помочь реально!

Вот как то так.

[BassEast]

1. http://img200.imageshack.us/img200/3053/as1o.png - типа всем п*зды! Человек зол! Ему нужен серьезный напарник! Вот как то так.

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

[Игорь Ермаков]

Verder, отлично как всегда

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

[Kariina]

Я дизайнер этого проекта

Изначально я сделала заказчику светлый сайт, но он попросил сделать в стиле хай-тек.

И присылал мне картинки сайтов, которые ему нравятся: там было много черного и серого.

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

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

Заказчик вроде как остановился на варианте, что там надо какую-нибудь фотку.

Эта шапка мне самой не нравится.

[Verder]

Я дизайнер этого проекта

Изначально я сделала заказчику светлый сайт, но он попросил сделать в стиле хай-тек.

И присылал мне картинки сайтов, которые ему нравятся: там было много черного и серого.

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

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

Заказчик вроде как остановился на варианте, что там надо какую-нибудь фотку.

Эта шапка мне самой не нравится.

Kariina, первый вопрос - почему фиксированный дизайн? Информации достаточно много, так что можно будет занять всю ширину экрана и занять красиво. Сейчас у вас похоже на, извините, дешевый блог на вордпрессе. Вы не представляете, как это фигово смотрится на моем мониторе 2000 пикселей по горизонтали. Сейчас входят в моду широкоформатники 1920х1200... так что думайте.

По поводу дизайна - могу помочь за соответствующий процент разумеется Если интересно - пишите в ПМ, поговорим.

[Searcher]

1. http://img200.imageshack.us/img200/3053/as1o.png - типа всем п*зды! Человек зол! Ему нужен серьезный напарник!

Verder, вообще супер! Вот он смелый подход к дизайну! Это на 100% заинтересует посетителя. Может взять тебя в свою прогрессив-дизайн-студию.......

[Verder]

Verder, вообще супер! Вот он смелый подход к дизайну! Это на 100% заинтересует посетителя. Может взять тебя в свою прогрессив-дизайн-студию.......

Смотря на какую зарплату

[BassEast]

Это на 100% заинтересует посетителя.

осталось понравица заказчику .)

прогрессив-дизайн-студию.......

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

[Justnewone]

Вот от меня вашему дизайнеру, мини-брэнд-бук:

Я рисовать не умею, вообще, но наборами таких бренд-буков был бы рад разжиться, где это можно сделать?

[BassEast]

Я рисовать не умею, вообще, но наборами таких бренд-буков был бы рад разжиться, где это можно сделать?

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

Бренд-буки обычно делаются в виде презентационных спецификаций, в формате .pdf (а верстается это всё дело конечно в фотошопе, в нём просто удобнее всего). И, там описываются все детали более подробно.

К примеру логотип, имеет строго квадратную основу размером 150x150 px, цвета синего... и нельзя менять квадратную основу на круглую, а синий цвет на бледно-синий - never. На свою же машину, вы колёса квадратные не ставите).

Могу для примера, вам что-нибудь состряпать в .pdf

Edited September 15, 2009 by BassEast

[gesandte]

ну и еще в добавок)))

Validation Output: 14 Errors

Line 16, Column 60: required attribute "ALT" not specified

<a id="header_logo" href="#"><img src="images/logo.gif"></a>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 17, Column 52: required attribute "ALT" not specified

<img id="header_photo" src="images/h_photo.jpg">

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 23, Column 46: required attribute "ALT" not specified

<a href="#"><img src="images/m_main.jpg"></a>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 24, Column 48: required attribute "ALT" not specified

<a href="#"><img src="images/m_qa_act.jpg"></a>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 25, Column 46: required attribute "ALT" not specified

<a href="#"><img src="images/m_cont.jpg"></a>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 29, Column 35: required attribute "ALT" not specified

<img src="images/mu_left.jpg">

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 30, Column 47: required attribute "ALT" not specified

<a href="#"><img src="images/mu_urid.jpg"></a>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 31, Column 50: required attribute "ALT" not specified

<a href="#"><img src="images/mu_regfirm.jpg"></a>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 32, Column 38: required attribute "ALT" not specified

<img src="images/mu_buh_act.jpg">

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 33, Column 47: required attribute "ALT" not specified

<a href="#"><img src="images/mu_nedv.jpg"></a>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 34, Column 36: required attribute "ALT" not specified

<img src="images/mu_right.jpg">

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Line 80, Column 4: end tag for element "P" which is not open

</p>

✉

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occurred in a script section of your document, you should probably read this FAQ entry.

Line 89, Column 4: end tag for element "P" which is not open

</p>

✉

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occurred in a script section of your document, you should probably read this FAQ entry.

Line 103, Column 57: required attribute "ALT" not specified

<div id="footer_specinfo"><img src="images/rambler.jpg"></div>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

[BassEast]

ну и еще в добавок)))

по-моему можно просто ссылку на ошибки кинуть , попробуете?)

[samorealization]

Спасибо за ваши мнения и поправки.

Доделываем по мере сил, возможностей и различных ограничений.

[Searcher]

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

На стадии создания. Проект рискованный, но интересный. Если кого действительно заинтересовало - пишите в личку.

[Justnewone]

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

Бренд-буки обычно делаются в виде презентационных спецификаций, в формате .pdf (а верстается это всё дело конечно в фотошопе, в нём просто удобнее всего). И, там описываются все детали более подробно.

К примеру логотип, имеет строго квадратную основу размером 150x150 px, цвета синего... и нельзя менять квадратную основу на круглую, а синий цвет на бледно-синий - never. На свою же машину, вы колёса квадратные не ставите).

Могу для примера, вам что-нибудь состряпать в .pdf

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

=)

Edited September 16, 2009 by Justnewone

[Vitaly]

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

=)

вот

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('0bfe7287-97a4-4a66-9046-f8f3b99e3d58');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/genopal">genopal</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript>

[Justnewone]

Спасибо =)

[gesandte]

по-моему можно просто ссылку на ошибки кинуть , попробуете?)

И вправду переборщил =)