Дизайн футера: незаметные элементы сайта

Леонид Родинский

Копирайтер
27 December в 00:16

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

Содержание футера

Сам подвал несёт практическую функцию второй шапки – навигация и важные разделы, адреса и телефоны, служебные данные (сертификаты, лицензии), представительства в социальных сетях. Как правило, подобная информация уже присутствует в хедере или в теле страницы, но традиционно дублируется внизу. Такой практике существуют очень логичные объяснения.

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

Мы находимся на площадке компании Zexler и не будем далеко ходить для иллюстрации примера.

Вот шапка…

А вот подвал…

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

Несколько дополнений в виде удобной кнопки «Наверх», бланка заказа разговора и окна чата – привычная уже классика онлайн-жанра.

Ещё один уникальный элемент – это копирайты. Например, помещённая в футер активная ссылка на разработчика, помогает желающим быстро связаться с интернет-компанией, создавшей сайт. Этот способ часто упоминают в разделах рекомендаций о поиске надёжной веб-студии. Ниже пример из практических кейсов Zexler’а (magnummobile.ru).

К слову, клиенты из рассматриваемого сегмента, составляют весьма существенный процент от общего числа заказчиков.

Иногда футер делается гораздо скромнее и аскетичнее либо наоборот – с внедрением полноцветных картинок. Но это уже зависит от художественного концепта, о котором пойдёт разговор ниже. Завершая обзор содержания, следует обозначить ещё одну существенную деталь – типографику, оформление текста. Её огрехи в подвалах сайтов видны сразу же и невооружённым глазом. Размер и читаемость шрифта, выравнивание и структурирование, пробелы и «воздух» – в сжатом пространстве каждая буква или знак должны оказаться на положенном и логичном месте.

Дизайн подвала

Оформление футера строгим трендам не подчинено. Существует несколько правил, которые сложились в результате практики.

Во-первых, контраст. Нижняя часть веб-страницы должна чётко ограничивать основное контентное поле.
Во-вторых, строгие гарнитуры. Как правило, используются обычные шрифты с засечками – убористые и удобочитаемые.
Заключительное, подвал должен плотно «прилипать» к нижнему срезу, не оставляя свободного места. Иногда его делают плавающим, постоянно находящимся на виду у пользователей.

В качестве простых примеров посмотрим на стандартные образцы.

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

Другой вариант видим на ресурсе производителя листового стеклопластика. Здесь узкий футер на белом бэкграунде содержащий только копирайт разработчика и кнопку «Вверх» – заказчик согласовал именно такой вариант.

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

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

Если к подвалу сайта строгих правил не сформулировано, то у его антипода – шапки (хедера) – судьба прямо противоположная. Она всегда на виду и подчинена оформительским канонам. Продолжим тему в следующей статье.

Наши работы

  • Кейс Разработка сайта турагенства freshim.ru
    Задача: 

    Разработка свежего, бодрящего сайта для туристического агентства

    Что мы сделали: 

    Проработали структуру сайта

    Разработали свежий, яркий дизайн

    Наполнили сайт информативным, уникальным контентом

    Результат: 

    Яркий, стильный сайт, который манит посетителей с первых секунд

  • Кейс Разработка продающего сайта sense-t.ru в тематике очистительные сооружения
    Задача: 

    Разработать сайт с тщательной проработкой каждой страницы

    Что мы сделали: 

    разработали продающий дизайн

    ​сделали удобную структуру сайта

    наполнили сайт правильным контентом

    Результат: 

    сайт, который продает

    Сайт: 

    sense-t.ru

  • Кейс Доработки интернет-магазина scrapassorti.ru в тематике СКРАПБУКИНГ
    Задача: 

    Доработать интернет-магазин с целью повышения продающих свойств

    Что мы сделали: 

    Изменили дизайн интернет-магазина

    Внедрили доработки на нескольких главных страницах

    Улучшили юзабилити сайта

    Результат: 

    Эффективный интернет-магазин с высокими конверсионными показателями

    Сайт: 

    scrapassorti.ru

  • Кейс Разработка продающего сайта Valeriegroup.ru
    Задача: 

    Разработать продающий сайт с удобным каталогом

    Что мы сделали: 

    сделали удобный каталогизатор

    заточили сайт под поисковое продвижение

    ​разработали стильный дизайн с продающими свойствами

    Результат: 

    Стильный сайт, заточенный под поисковое продвижение

    Сайт: 

    valeriegroup.ru

  • Кейс Разработать мультиязычный сайт отеля
    Задача: 

    Разработать продающий мультиязычный сайт отеля в Греции

    Что мы сделали: 

    Разработали концепцию будущего сайта

    ​Разработали прототипы страниц

    Нарисовали 2 варианта дизайна!

    Зарегистрировали отель на booking.com и других подобных сервисах

    Подключили модуль Channel Manager от Travelline

    Результат: 

    Отличный минималистичный сайт на 3 языках

    Всего лишь за 8 недель отличный мультиязычный сайт

    Первые заявки с сайта пришли уже через несколько дней после старта!

    Сайт: 

    clubhsb.com

Наша команда

  • Вадим Скопинцев
    Генеральный директор

    Сделаем лучшее решение для привлечения клиентов из интернета, сделаем продажи!

  • Дмитрий Карпинский
    Директор по пропаганде

    Экспонента, бизнес должен и будет расти по экспоненте! Продавать, будете продавать!

  • Евгений Белоусов
    Директор по продажам

    Предложу варианты решения ваших проблем- вам останется лишь выбрать!

  • Павел Шульга
    Старший специалист по контекстной рекламе

    Грамотно используем Ваш рекламный бюджет. Выйдем на максимум заявок!

  • Евгения Лю-Ти-Фу
    Руководитель PR направления

    Ваш имидж в наших руках. Если вас нет в Интернете, то вас нет в бизнесе!

  • Диана Зайцева
    UX/UI дизайнер. Руководитель разработки

    «Протачиваем» Ваш ресурс для получения им продающих свойств. Захватываем клиентов для Вас!

  • Леонид Белкин
    Менеджер проектов

    Сделаем Ваш сайт продающим. Конверсия будет расти!

  • Дмитрий Трацевский
    Руководитель разработки

    Разработанные нами сайты работают как часы!

  • Татьяна Николаева
    Менеджер проектов, переводчик

    Пишем только уникальные и интересные тексты на русском и английском. Вам понравится!

  • Кирилл Миченус
    Разработчик

    Разработаем классный, продающий сайт. Внедрим интересные идеи!!

  • Марина Петренко
    Контент-менеджер

    Раскрываем все положительные стороны Вашего бизнеса для увеличения целевой аудитории!

  • Виктор Токмачев
    Менеджер по работе с иностранными клиентами

    Наши идеи подходят всем - иностранные клиенты охвачены!

  • Татьяна Ромакина
    Копирайтер

    Создадим уникальные продающие статьи. Лучший контент для Вашего сайта!

  • Леонид Родинский
    Копирайтер

    Написать уникальные тексты и заголовки – этого мало. Наполняем сайты неповторимым содержанием!

  • Анастасия Бондарева
    Копирайтер

    Правильно написанный рекламный текст способен творить чудеса! Удивительно, но слова могут продавать! И мы Вам это докажем!

  • Вячеслав Киосе
    Копирайтер

    Текст – это не просто слова. Посетители Вашего сайта получат информацию с внятным и понятным смыслом.

  • Стань одним Из нАс
    Трудоустройство

Клиенты

Наши услуги

Разработка дизайна

Дизайн для человека
а не человек для дизайна

Сайт должен продавать
остальное - тлен и пыль

Ничего лишнего
только целевые клиенты

Сроки: 
от 1 недели
Результаты: 
Индивидуальное решение, которое отличает Вас от других компаний
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
от 23 тыс. рублей (дизайн сайта)
Дизайн и разработка сайтов

Интуитивно понятен
Дизайн доступен всем

Рекомендации друзьям
Вас рекламируют клиенты

Ориентация на развитие
Сайт легко развивать

Сроки: 
от 1 недели
Результаты: 
Индивидуальное решение, которое отличает Вас от других компаний
Оплата: 
Наличный, безналичный, по договору
Цены: 
от 22 тыс. рублей (дизайн сайта), от 50 тыс. рублей (лендинг)
Сроки: 
от 1 недели
Результаты: 
Индивидуальное решение, которое отличает Вас от других компаний
Оплата: 
Наличный, безналичный, по договору
Цены: 
от 22 тыс. рублей
Редизайн сайта

Каждый продукт продаёт
Продукты под спрос клиентов


"Живой" сайт привлекает
Компания живет => продает


Ежедневное развитие
Каждый день развиваем сайт!

Сроки: 
от 7 дней
Результаты: 
разработка нового дизайна для Вашего сайта; активное привлечение новых клиентов
Оплата: 
по договору, наличный и безналичный расчет
Цены: 
от 7500 рублей за тип материала

Каждый продукт продаёт
Продукты под спрос клиентов


"Живой" сайт привлекает
Компания живет => продает


Ежедневное развитие
Каждый день развиваем сайт!

Результаты: 
корректное отображение сайта и его быстрая загрузка
Оплата: 
по договору, наличный и безналичный расчет
Цены: 
от 45 тыс. руб.
Создание продающих интернет сайтов

Ваши клиенты довольны
Дизайн понятен клиенту

Больше клиентов любит Вас
Вас рекомендуют друзьям

Сайт для развития
Каждый день сайт улучшается

Сроки: 
от 3 недель
Результаты: 
Эффективный сайт под ключ для Вашего бизнеса
Оплата: 
Наличный, безналичный, по договору
Цены: 
от 110 тыс. рублей
САМОЕ ИНТЕРЕСНОЕ НА СТРАНИЦЕ
“ЗЕКСЛЕР” В Facebook и ВКОНТАКТЕ