Сайт для компании Plex
Российский разработчик и производитель широкого спектра профессиональных моющих, чистящих и дезинфицирующих средств, а также товаров бытовой химии под собственным брендом
перейти на сайтЗадача:
- Редизайн сайта компании Plex, создание адаптивного дизайна для мобильных устройств
- Внедрение в карточку товара возможность выбора объема, фасовки и вида тары
- Создание удобной навигации по сайту
- Разработка новых блоков и страниц
- Связка сайта с системой 1с - пользователь имеет возможность купить товар на сайте: то есть создание полноценного интернет магазина.
Главная страница
Разработана удобная система навигации по сайту.
На первом экране представлены все разделы продукции Plex с их кратким описанием, при наведении на раздел снизу отображаются товары из выбранной категории.
Переработаны и добавлены блоки с преимуществами компании, новостной блок, информация о компании.
Каталог
Каталог представляет собой разводящую страницу, включающую в себя фильтр, сортировку, а также карточки товара.
На сайте Plex пользователь сам определяет количество выводимой информации: по 12, 24, 32 товаров на странице.
На разводящей странице есть возможность перейти в категории внутри выбранного раздела.
После карточек товаров идет текстовый блок, после которого расположена форма для обратной связи.
Карточка товара
В карточку товара добавлена возможность выбора объема, фасовки и вида тары.
Вся дополнительная информация о товаре разбита по вкладкам (Описание, Применение, Меры предосторожности и т.д.) в целях удобства и экономии места на странице.
Добавлена возможность заказа товара через маркетплейсы.
Также на страницу карточки товара добавлены необходимые логические блоки для удобства навигации пользователя.
Личный кабинет
Для удобства пользователя на сайте был пересобран личный кабинет.
Зарегистрироваться в личном кабинете можно как: Частное лицо, Организация, Индивидуальный предприниматель.
В ЛК есть возможность посмотреть предыдущие заказы, добавить нового пользователя / организацию.
UI kit
Color
Button / Hover
montserrat
montserrat
montserrat
montserrat
montserrat
montserrat
montserrat
Heading large
- *
- *
- *
- *
- *
36
Heading meduim
- *
- *
- *
- *
- *
30
Heading small
- *
- *
- *
- *
- *
24
Large
- *
- *
- *
- *
- *
18
Base
- *
- *
- *
- *
- *
16
Small 1
- *
- *
- *
- *
- *
14
Small 2
- *
- *
- *
- *
- *
12
montserrat
montserrat
montserrat
montserrat
montserrat
montserrat
montserrat
grid
grid
grid
grid
grid
grid
grid
grid
grid
grid
grid
grid
Результат
Мы воплотили в новом сайте Plex ключевые идеи создателей марки: адаптивный дизайн для мобильных устройств; внедрение в карточку товара возможность выбора объема, фасовки и вида тары; актуальная информация о наличии товаров, удобная навигация по сайту, подробное описание товара и бренда