Создание интернет-магазина инструментов

Тип сайта: Интернет-магазин

Отрасль: Инструменты

Наша команда создала интернет-магазин инструментов на основе дизайна клиента.

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

В шапке сайта находятся два выпадающих меню: "каталог инструментов" и "продукты и решения". Первый выводит разделы каталога. В нем мы изменили цвета и стиль. Второй был разработан с нуля. В него выгружаются статьи из трех информационных разделов. Он обладает плавной и оптимизированной(быстро работает и тратить меньше компьютерных ресурсов пользователя) анимацией и красивым дизайном.

Разработан новый тип страниц "Продукты и решения" - это стильные информационные страницы с привлекающим вниманием изображением. Мы перенесли больше 18 статей с их старого сайта на новый.

Полностью переработали главную страницу:

Создали большой адаптивный слайдер, в котором выводятся изображения и ссылки на статьи. Данные добавляются через модуль "Слайдер изображений" и связываются с категориями информационных статьей "Продукты и решения".
Добавили изображение с ссылкой на сайт конференции Pipeline.
Вывели изображение с краткой информацией о компании из статьи.
Создали 2 блока, в которые произвольным образом выводятся статьи из категорий "Продукты и решения".

Адаптация интернет-магазина инструментов под планшеты и телефоны:

Мы разработали новый формат отображения подвала на телефоне. Теперь он занимает мало места. Вся информация сгруппирована по разделам и открывается при нажатии на неё кончиком пальца.

Мобильное меню стилизовано под общий дизайн сайта. На нем отображается:

Авторизация/регистрация;
Список стандартны страниц (главная, контакты, новости и так далее) ;
Информационные статьи "Продукты и решения";
Каталог инструментов.

Все страницы сайта изменяются в зависимости от ширины экрана.

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