Структура страниц сайта
Структура веб-сайта «Интернет-магазин каминов Contura» состоит из шести веб-страниц формата HTML и из трех папок: папки с подключаемыми JavaScript-файлами, папки с файлом CSS3 и папки с изображениями для веб-сайта.
Главная страница сайта
Структура главной страницы веб-сайта (index.html) (Рис. 1) состоит из канонических для любого современного веб-сайта элементов: шапки сайта с указанием контактной информации, логотипом компании, заголовком и меню сайта, «тела» веб-страницы, разделенного на два контейнера для наиболее удобного представления информации, и футера.
Все элементы сайт, кроме шапки, помещены в контейнер <div>, позиционированный по середине экрана и занимающий до 1060 px от его ширины. Шапка веб-сайта помещена в отдельный контейнер с предустановкой ширины на значение 100%, что позволяет придать объемность дизайну веб-сайта.
Шапка веб-сайта обычно является самым стратегически важным графическим элементом главной страницы и создается с расчетом на то, чтобы заинтересовать клиента с первых секунд с начала просмотра им веб-сайта. Объемная, оригинальная и тематически соответствующая шапка гарантирует наилучший (наименьший) показатель отказов и способствует запоминанию посещенного веб-сайта. Наличие в шапке товаров и соответствующего заголовка с использованием точного названия продукции и определением коммерческой основы (продажа, покупка или аренда) позволяет также увеличить релевантность данной страницы запросам посетителя.
Расположение логотипа в верхнем левом углу также неслучайно: его нахождение именно на этом месте, согласно последним маркетинговым исследованиям, позволяет увеличить узнаваемость бренда на 37% по отношению к другим вариантам расположения. Логотип является также относительной ссылкой на главную страницу.
Номер телефона находится в правом верхнем углу и гарантированно попадает в поле обзора клиента сразу при открытии первого экрана веб-сайта без необходимости прокрутки. Такое расположение позволяет сократить до минимума случаи ненахождения клиентом контактного телефона компании.
По центру главной страницы находится интерактивный каталог продукции, выполненный при помощи скрипта на языке JavaScript и позволяющий посетителям веб-сайта быстро получить основную информацию о товарах в оригинальной подаче. Используя кнопки прокрутки образованной скриптом «карусели», посетитель может детальнее рассмотреть внешний вид выбранного им вид товара, а также узнать его каталожное название и основные технические характеристики, которые выводятся в стилизованном окне сверху. В качестве изображений товара используются файлы .png с прозрачным фоном, что позволяет достичь ощущения объёмности всей сцены.
Ниже контейнера с шапкой сайта расположен основной центральный контейнер сайта с двумя внутренними слоями: в первом, занимающей 60% от центрального контейнера без учета полей и отступов размещена общая информация о продвигаемой продукции с описанием ее ключевых преимуществ над аналогами, а во втором, расположенном справа и занимающем 30% ширины центрального контейнера, находятся модули увеличения лояльности клиента. Листинг главной страницы представлен в Приложении 1.
Рис. 1. Главная страница.