Дизайн ресурса mr.Hitch
Портфель - Всякое, Портфель - Хабы и Порталы, Портфель - Линк Листы, Портфель - МГП, ТГП, СЖ и т.д. Июнь 25th, 2008Полный редизайн ресурса mr.Hitch, включая страницы TGP, LL, Review, Stories, Video и Webmasters разделов.
! Внимание ! Объём работы большой, скринов и текста в этом посте много, поэтому на индексе я его чутка кастрирую... ну вы поняли, остальное под катом
Начнём с шапки и index (TGP) страницы.
Персонаж не мой, но по ТЗ необходимо работать именно с ним.
Над логотипом располагается блок с приветственным html текстом.
Под лого вы можете видеть строчку с дескрипшеном страницы.
А справа от персонажа начинается навигация по ресурсу + трейдеры.
Все эти элементы хедера находятся на бэкграунде, который не только отделяет шапку от основных блоков страницы, но и отлично множится на всю ширину окна браузера.

Кстати про меню - оно текстовое, но тем не менее каждый раздел располагается на своей графической закладке и имеет свою иконку.

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

Рекламы много не бывает, а значит нужны профильные блоки меню, например вот такие:

Или, как вариант, вот такие - для текстовой рекламы:

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

Переход между страницами осуществляется не только по номерам, но и через текстовое меню на графической подложке:

Дизайн index страницы ресурса выглядит как полноценный TGP\MGP портал, благодаря обилию тумб, рекламы и трейдеров (как в шапке, так и внизу страницы).

Дизайн LL-раздела ресурса.
Страница выглядит как классический Линк-Лист, т.к. включает в себя листинг фришных сайтов вперемешку с Pay, AVS и Блогами.
Соответственно в этом разделе я нарисовал навигацию по страницам и иконки для сортировки выдачи листинга.
Дизайн Review-раздела ресурса.
Учитывая требования к ревью-разделам, был разработан листинг текстовых блоков с информацией о платнике и отрывком ревью.

Вот так выглядит таблица оценок в подробном ревью на каждый из сайтов:

А вот и вся страница подробного ревью:

Дизайн Stories-раздела ресурса.
Листинг и навигация по историям в базе ресурса:

Отдельная страница на каждую историю + рекламные блоки:

Дизайн Video-раздела ресурса.
Представляет из себя подобие модных нынче тубов, является каталогом flash-трейлеров:

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

А целиком тимплейт страницы для вебмастеров выглядит вот так:

P.S.
Хочу сказать ОГРОМНОЕ спасибо Заказчику за то, что развязал мне руки и дал возможность нарисовать что-то действительно интересное и красивое.
Leave a Reply
You must be logged in to post a comment.
