Разработка интернет-магазина электронных сигарет "Портал Vapmart.ru"


О проекте

Vapmart.ru — портал для вэйперов. Все об электронных сигаретах и расходныхматериалов к ним. На сайте можно приобрести батарейные моды, жидкости, картриджи и ароматизаторы для электронных сигарет.

ООО  «КазанТорг», владелец сайта, обратился к нашим специалистам с задачей адаптировать сайт для мобильных устройств, максимально сохранив исходный дизайн портала.

Наши решения

Responsive-макет сайта, оптимизация верстки и работы модулей HostCMS.

Реализация функционала подбора жидкостей для электронных сигарет посредством ajax-технологии.

Ajax-подгрузка результатов поиска по мере ввода пользователем запроса.

Калькуляторы подбора спиралей и жидкостей.

Авторизация через внешние сервисы vk.com, facebook.com и mail.ru

Портал Vapmart.ru

Особенности проекта

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

Разрабатывая responsive-макет сайта, необходимо не просто достигнуть адекватного визуального вида на большинстве устройств, но и максимально повысить юзабилити сайта для пользователей мобильных устройств, принимая во внимание общепринятые варианты их взаимодействия с мобильными веб-ресурсами.
  • Responsive-макет (автор дизайна - владелец веб-портала).
  • Оптимизация работы модулей HostCMS, настройка кеширования.
  • Динамические меню на мобильных устройствах со сдвигом сайта влево.
  • Ajax-подбор жидкостей для электронных сигарет.
  • Калькуляторы подбора спиралей и жидкостей.
  • Ajax-поиск в верхней части сайта.
  • Ajax-подсчет количества найденных товаров в фильтре.
  • Микроразметка товаров schema.org.

Для vapmart.ru был разработан модуль авторизации через соц.сети, ajax-поиск (выпадение нескольких первых вариантов найденных результатов по мере введения поискового запроса), интерфейс подбора товара, работа с ajax-модификациями: при выборе параметров, отображается цена соответствующей модификации, равно как и в корзину добавляется конкретная модификация товара.

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

Для более удобной работы с корзиной, был реализован функционал ajax-пересчета суммы товаров в корзине, без перезагрузки страницы. Оформление заказа реализовано с помощью модуля «Корзина в 1 шаг» от CMS-Modules.

На странице с подробным описанием товаров интегрирован слайдер изображений, вкладки с подробным описанием и характеристиками товара.

Все страницы сайта размечены спец.разметкой schema.org, что обеспечивает корректное индексирование поисковыми системами страниц сайта и вывод в результатах поиска особых сниппетов, выделяющих сайт среди остальных ранжируемых сайтов.

Наконец, в целях продвижения сайта по регионам России, был имплементирован модуль геотаргетинга от geotop3.com.