Цель проекта: Создание информационного сайта с удобной навигацией по услугам компании. Сайт стал визитной карточкой компании, на котором можно ознакомиться с услугами, узнать оинформацию о компании, посмотреть выполненные объекты.
Сайт не сложный по своей структуре, но мы пытались сделать удобную для посетителя систему навигации, чтобы с любой страницы сайта можно было легко найти нужную информацию
Слайдер на главной странице
Первое, что бросается в глаза — это широкоформатный слайдер на всю ширину монитора с большим приветственным заголовком. В слайдере 5 слайдов. Первый — это приветствие посетителей, а остальные 4 — виды деятельности компании «Эскалера».
Первоначальная версия была с превью-миниатюрами внизу сайта, но в дальнешем мы от этой идеи отказались. Слайдер функционирует только на главной, дабы не загружать остальные страницы.
Страница с видами деятельности
Особое внимание было уделено странице с услугами. Навигация работает следующим образом: Есть 4 главных направления: а в этих направлениях есть подкатегории. Нажав на любую из 4-х услуг мы окажемся в разделе, где в правом сайтбаре видим навигацию по разделу.
Таким образом мы в один клик можем перейти на любой подраздел и на другую услугу, и соответственно мы уложимся в два клика, чтобы попасть в подраздел другой услуги. Мы посчитали это самым удобным способом и реализовали его.
Был разработан функционал, позволяющий самому заказчику работать с текстом и изображениями на странице таким образом, чтобы он смотрелся читабельным. Были сделаны соответствующие стили цитат, списков, иконок и так далее.
Жаль, правда, пока эти никто не пользуется :))
Все изображения обрезаются и уменьшаются до нужного размера автоматически, не теряя пропорции. Сайт полностью может управляться человеком, который не разбирается в html верстке.
Были созданы параметры, которые отвечают за отображения сайта в поисковиках. Сайт был оптимизирован еще до сдачи сайта заказчику. Все SEO параметры (такие как title, description и так далее) могу заполняться владельцем сайта.
Адаптивная верстка сайта
С самого начала дизайн верстался с учетом ориентирования на мобильные устройства, такие как смартфоны, планшеты, ноутбуки с маленьким разрешением и так далее.
Адаптивность сделана под 4 разрешения: грубо говоря на смартфоны, планшеты маленького и среднего разрешения, крупные планшеты и нетбуки, ноутбуки и обычные ПК. Все блоки, изображения, текст растягивается или уменьшаются в зависимости от размера, но в пределах разумного. Меню также сворачивается в аккуратный список. Блоки при маленьком размере меняют ориентрованность и встают в два ряда на средних форматах, и в 1 ряд на небольших смартфонах.
