Эффективный дизайн CJ/TGP.

Что же это за эффективный дизайн? Каким он должен быть? Друзья, без паники! Сейчас я все расскажу :) Все, что вы найдете в этой статье, это многолетний опыт нашей дизайн студии и крупных вебмастеров. Я гарантирую вам, если вы сделаете все, что написано в этой статье, то ваш сайт станет более эффективным и принесет вам больше денег.

1. Дизайн

Цветовая гамма
Следует учесть 2 фактора: ниша, к которой принадлежит сайт, и ваши трейдеры. Первое, уверен, вам понятно, а вот второе я вам поясню. Разделим цветовую гамму сайта на светлую и темную. Если у большинства ваших трейдеров светлая цветовая гамма, то делаем светлую, если темная – делаем темную :)

Любой дизайн CJ/TGP состоит из трех элементов:
1. Шапка
2. Блок тумб
3. Топлист

Шапка
Шапка нужна только для визуальной идентификации сайта, и всё! Высота шапки должна быть не более 150 пикселей. Навороченные рюшечками шапки никому не нужны. Это лишь неоправданная трата ваших денег, нерв и трафика. Я верю в это, а значит так и есть.

Блок тумб
Единственное, что вам следует знать, это то, что блоки тумб нужно подписывать, давать им названия. Зачем это нужно? Это помогает ориентироваться по сайту. Это очень важно! Почему важно? Простой пример: перед вами стоит два стола с одинаковыми документами. На первом столе - документы рассортированы по категориям, на втором – без разбора сброшены в кучу. Мы не будем терять время копаясь в куче, а подойдем к тому столу, где документы рассортированы по категориям. Точно так поступит и ваш посетитель. Цените и уважайте их время.

Топлист
Строгих ограничений нет! Единственное, что стоит нам сделать – опубликовать максимальное количество наших трейдеров. Пусть это будет число 60 (3х20 или 4х15).


2. Верстка

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

Верстка таблицами:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="tmb.gif" width="180" height="135"></td>
<td><img src="tmb.gif" width="180" height="135"></td>
<td><img src="tmb.gif" width="180" height="135"></td>
<td><img src="tmb.gif" width="180" height="135"></td>
</tr>
</table>

Верстка слоями:

<div class="thumbs">
<img src="tmb.gif"><img src="tmb.gif"><img src="tmb.gif"><img src="tmb.gif">
</div>

Очевидно, что верстка слоями более компактная, а значит страницы теперь загружаются намного быстрее. Что это нам дает? Это повышает продуктивность сайта.

Есть еще один большой плюс: грамотно сверстанный слоями сайт лучше воспринимается поисковыми системами. А это дополнительный SE трафик. Мы любим SE трафик? О дааа! :)

С версткой определились! Верстаем слоями :)


Примите мои поздравления! Теперь вы четко знаете, каким на самом деле должен быть эффективный дизайн CJ/TGP!

Наша команда всегда с удовольствием окажет вам помощь в создании качественного и эффективного дизайна!

С уважением, Suphix Solutions
Web: Suphix.biz
Icq: 1111930