495 543-76-77

Главная
О компании
Пресс-центр
Услуги
Портфолио
Заказать

Стоимость наших услуг определяется индивидуально.
Заполните форму для расчета.

Название компании: E-mail*: Какая услуга Вас интересует*: Краткое описание задач:

Контактное лицо*: Телефоны*: Откуда Вы узнали о нас*: Выслать бриф на услугу

Код*:

Я даю свое согласие на обработку персональных данных, получение персональных информационных сообщений и рассылок (Соглашение; политика компании в отношении персональных данных).

Поля помеченные * - обязательные для заполнения.

Закрыть
Контакты

495 543-7677

Главная | Портфолио | Сайты | Компания «Проспектор»

Компания «Проспектор»

Список проектов

pro-chem.ru
Компания специализируется на поставках специализированной химии из Европы.

Следующий проект

1С-Битрикс

Интеграция 1С

Адаптивный
дизайн

Проектирование

Компания «Проспектор» более 10 лет поставляет сырьё и ингредиенты высокого качества ведущих мировых производителей для производств в области косметологии, фармацевтики, бытовой химии и т.п.

Веб-сайт клиента

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

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

Задачи

Перед нами стояли следующие задачи:

Улучшение юзабилити и внешнего вида сайта

Улучшить юзабилити и внешний
вид сайта, сохранив при этом существующий дизайн.

Перенос на 1С-Битрикс

Перенести сайт на российскую платформу 1С-Битрикс, которая подходит для интернет-магазинов.

Дизайн

В рамках работы были определены основные заголовки, разработаны компоненты для повторяющихся элементов и внедрена модульная сетка.

Повышение удобства использования (юзабилити) продукта

В дизайне всех страниц сайта отсутствовала четкая структура:

Заголовки всех уровней имели разные размеры на разных страницах сайта.
Отсутствовала модульная сетка.
На разных страницах использовались разные стили для футера и хедера.

Для того, чтобы устранить эти и другие недостатки и передать проект в верстку мы перенесли макеты страниц сайта в Figma.

Проработали
адаптивные макеты
сайта в Figma.

Определили стили для
заголовков разных уровней.

Внедрили модульную сетку и установили отступы для всех разрешений.

Было Стало

Реорганизация каталога

На странице каталога была добавлена взможность переключиться между двумя режимами отображения товаров: компактной «плиткой» или «таблицей»

Карточки товара
«плиткой».

Карточки товара
«таблицей».

Проведенный анализ выявил, что пользователи хотят осуществлять поиск товаров по трём параметрам.

Над карточками мы расположили три фильтра:

Поиск по INCI

Поиск по торговому названию

Поиск по производителю

Теперь, располагая информацией о торговом названии, производителе или составе INCI, пользователи могут найти необходимый продукт в несколько кликов.

Карточка товара

Карточка товара — это страница, на которой покупатель решает, стоит ли совершать покупку. Наша задача заключалась в том, чтобы дать исчерпывающие ответы на все вопросы о товаре и его использовании.

В карточке товара выводится: