Верстка и доработка дизайна
Дизайнером проекта был разработан дизайн сайта, который соответствовал общему стилю интернет-магазина заказчика. С нашей стороны требовалось реализовать большой список нововведений и доработок, чтобы улучшить удобство пользования сайтом и достоверность представленной информации.
Мы добавили крестик закрытия окна на мобильной версии сайта, что делает навигацию более интуитивной и удобной для пользователей с мобильных устройств. Ранее, чтобы закрыть окно, требовалось обновить страницу, что могло привести к потере выбранным данным.
В мобильной версии в меню было настроено отображение текста "Магазины и самовывоз" вместо "Пункты самовывоза", что делает навигацию более понятной для пользователей.
Для удобства поиска товара и выбора категории, товары категории “Аккумулятор” получили новый размер и цвет надписи, чтобы они привлекали внимание пользователей и соответствовали общему стилю сайта.
Мы провели тестирование и адаптировали корректное изображение изображений и др. элементов на сайте, чтобы при использовании сайта на компьютере, телефоне или планшете.
Для улучшения интерфейса мы убрали иконки операторов у главного номера телефона, что разгрузило дизайн сайта от лишних элементов и информации.
Мы также центрировали пагинацию, убрали стрелки и внесли изменения в верстку, что сделало навигацию по страницам более удобной и визуально приятной для пользователя.
Мы внесли дополнительные изменения в верстку блока превью товара для улучшения внешнего вида карточки.
Мы доработали размер и дизайн кнопок, чтобы улучшить внешний вид и удобство нажатия. Расширив область клика, получилось улучшить удобство использования сайта экранах разных размеров.
Для страницы "Настройки сайта" были созданы два новых поля: "Цена за 1 а/ч б/у акб по весу" и "Цена за 1 а/ч б/у акб по емкости", чтобы пользователи могли указать эти параметры для своих настроек.
Микроразметка предназначена для улучшения отображения страницы при её обмене и распространении в социальных сетях, поисковых системах и других сервисах.
og:locale — указывает язык страницы. og:type — определяет тип страницы, например, website (веб-сайт), article (статья), video (видео) и т. д.
og:title — задаёт заголовок страницы, который будет отображаться при её обмене в социальных сетях.
og:description — содержит описание содержимого страницы, которое также будет показываться при её обмене в социальных сетях.
og:image — содержит URL изображения, которое описывает страницу.
og:url — указывает на канонический URL страницы.
3. Доработка корзины.
Клиент ввел акцию, которая работает в определенный временной промежуток.
Если товар был добавлен в корзину с 19:00 по 9:00, клиенту предоставлялась скидка 5% на покупку товара. Мы внедрили текстовую надпись, которая отображается на сайте, а также при добавлении товара в корзину скидка автоматически применяется ко всем добавленным товарам.
Все эти действия необходимы, чтобы клиент получал актуальную информацию и не сталкивался с проблемой определения актуальной стоимости товара. Правила получения скидки были четко прописаны, как и пояснения, которые отображаются в необходимый временной промежуток.
4. Доработка фильтров в каталоге
Одним из ключевых изменений было удаление подсчета элементов и вывода лейбла "Применить" в мобильной и десктопной версиях. Вместо этого мы добавили кнопку "Применить" и закрепили ее внизу экрана в области поп-апа для мобильной версии, а для десктопной версии — в области фильтра.
Важные изменения также затронули фильтр в каталоге товаров.
Мы добавили свойство "Тип" в разделе "Аксессуары", а в разделе "Пуско-зарядные аксессуары" вывели следующие свойства: емкость заряжаемого акб, напряжение заряжаемого акб и тип заряжаемого акб.
Также мы заменили свойство "Емкость" на "Номинальная емкость" в разделе "Промышленное оборудование", чтобы точнее отражает характеристики товаров.
Эти изменения были внедрены с учетом потребностей и ожиданий пользователей, чтобы обеспечить им более удобный и эффективный поиск необходимых товаров на сайте.
Как мы разработали сайт и кастомную CRM для нашего клиента Motalka.ru
Программирование и доработка сайта официального дистрибьютора Nissan в Беларуси
Доработка сайта дистрибьютора сельскохозяйственной техники “СВ Машины”
Интересно узнавать больше о компании? Читайте наши статьи и новости telegram и VC.Ru.
Нажимая кнопку «Оставить заявку», Вы даёте согласие на обработку Персональных данных.
