trash-design.ru
Сайт портфолио дизайнера-фрилансера. Основные задачи: рассказать о перечне услуг, наглядно показать результаты работ по различным проектам, сделать страницы сайта «легкими».
Общий вид ресурса, как и его название, отличается от стандартного. Меню находится не сверху, а слева и появляется при наведении мыши на соответствующую полосу. Главная страница представляет портфолио в формате сетки (4 на 4). При наведении на изображение, оно приподнимается и становится видно название проекта и его категория. Вверху справа так же перечислены категории проектов и проекты помеченные звездочкой.
Страница каждого проекта состояти из нескольких условных частей. Вверху всегда кнопки-ссылки (с приятным эффектом) на следующий, предыдущий и все проекты. Далее идет основное направление проекта: картинка-шапка, текст в формате нескольких колонок (их количество зависит от проекта), картинки примеры, кнопка-ссылка для перехода к требуемой услуге и полоска похожих проектов вместо футера страницы.
Страница «Услуги» содержит перечень этапов работ, список услуг (со ссылками на них), карусель отзывов и несколько картинок примеров.
Каждая услуга по структуре похожа на элемент Портфолио. Вверху кнопка-ссылка (к странице услуг), далее изображение-заголовок, колонки с текстом, примеры работ, форма обратной связи для оформления заявок и ссылки не несколько типовых проектов.
Блог отображается так же, как и главная страница (новости добавляются плиткой в строку, а не в столбец). Страница «Обо мне» содержит информацию о владельце сайта, а так же ответы на типовые вопросы по проектам.
Последняя страница сайта,»Контакты» — это карта, форма обратной связи и перечень контактных данных для связи.
На всех страницах сайта добавлен чат для удобного общения.
Для ресурса разработано семантическое ядро, что позволило подбирать корректные ключевые слова и описания для всех страниц. Реализован удобный механизм добавления ключевых слов и описания для новостей. Это позитивно сказывается на продвижении в поисковых системах. Ну и, само собой, есть адаптация под мобильные устройства.