Геосинтетические материалы «STSGEO»
Создание сайта stsgeo.ru
О заказчике:
Компания «STSGEO» предлагает строительные материалы для реализации любых проектов ландшафтного проектирования и укрепления.
Поставленные задачи:
1
Разработать большой сайт, который бы наглядно демонстрировал пользователям широкий ассортимент компании.
2
Создать с нуля дизайн с интуитивно понятной навигацией.
3
Поработать над адаптивностью, чтобы сайт нормально смотрелся и на мобильных устройствах, и на широкоформатных экранах.
Особенности проекта:
Создание дизайна с нуля.
Большой каталог товаров.
Демонстрация услуг, доступных для заказа.
Когда сделали:
2018 г.
Выполненные работы:
01
Разработка блок схемы, на основе которой разработали прототип сайта.
02
После утверждения прототипа, выполнили дизайн сайта, отдельно сделали дизайн-макет мобильной версии, подготовили UI-kit.
03
По утвержденному дизайну сверстали сайт. Сделали весь функционал.
04
Наполнили сайт контентом. Развернули сайт на хостинге.
Главная страница
Поскольку главную страницу любого интернет-магазина посещают чаще, чем любые другие, мы сделали ее максимально информативной и простой для восприятия. Перейдя на нее, вы сразу видите, товары каких категорий представлены на сайте, есть ли на них скидки или спец-предложения. Визуальные элементы оформлены в едином стиле, а цветовая гамма соответствует корпоративной.
Категории
Разбивка товаров на категории выполнена на основе их типов. Дополнительно введены подкатегории по маркам и производителям. Над перечнем товаров размещена удобная система сортировки по нескольким, наиболее ходовым критериям. слева расположили фильтры и список ссылок на другие категории. Так у пользователя буквально все под рукой, но ничто не отвлекает от выбора.
Товары
Мы задались целью, чтобы эти страницы одновременно были и информативны, и лаконичны. Массивные текстовые блоки заменили активными элементами, добавили автоматический калькулятор стоимости. Помимо цены (оптовой и розничной) пользователь также видит: в наличии ли товар, его характеристики и отзывы других покупателей. Чтобы мотивировать его сделать больше покупок, добавлен блок «похожие товары».
Корзина
Мы хотели, чтобы этот раздел был простым и интуитивно понятным. Поэтому на странице представлена вся информация по добавленным к покупке товарам. Если клиент ошибся (например, указал лишние позиции), информацию можно отредактировать тут же, в карточке заказа.