Портал Vapmart.ru - Интернет-проекты - Портфолио
Разработка интернет-магазина электронных сигарет "Портал Vapmart.ru"
О проекте
Vapmart.ru — портал для вэйперов. Все об электронных сигаретах и расходныхматериалов к ним. На сайте можно приобрести батарейные моды, жидкости, картриджи и ароматизаторы для электронных сигарет.
ООО «КазанТорг», владелец сайта, обратился к нашим специалистам с задачей адаптировать сайт для мобильных устройств, максимально сохранив исходный дизайн портала.
Наши решения
Responsive-макет сайта, оптимизация верстки и работы модулей HostCMS.
Реализация функционала подбора жидкостей для электронных сигарет посредством ajax-технологии.
Ajax-подгрузка результатов поиска по мере ввода пользователем запроса.
Калькуляторы подбора спиралей и жидкостей.
Авторизация через внешние сервисы vk.com, facebook.com и mail.ru
Особенности проекта
Основная задача в том, чтобы максимально сохранив дизайн, имеющийся на сайте, сделать его адаптивным для мобильных устройств.
- Responsive-макет (автор дизайна - владелец веб-портала).
- Оптимизация работы модулей HostCMS, настройка кеширования.
- Динамические меню на мобильных устройствах со сдвигом сайта влево.
- Ajax-подбор жидкостей для электронных сигарет.
- Калькуляторы подбора спиралей и жидкостей.
- Ajax-поиск в верхней части сайта.
- Ajax-подсчет количества найденных товаров в фильтре.
- Микроразметка товаров schema.org.
Для vapmart.ru был разработан модуль авторизации через соц.сети, ajax-поиск (выпадение нескольких первых вариантов найденных результатов по мере введения поискового запроса), интерфейс подбора товара, работа с ajax-модификациями: при выборе параметров, отображается цена соответствующей модификации, равно как и в корзину добавляется конкретная модификация товара.
При создании адаптивного интерфейса, был реализован вариант мобильного меню, выезжающий справа со сдвигом основной страницы с контентом — влево. При движении пальца на мобильном устройстве по экрану слева направо, меню скрывается так, что создается эффект сдвига основной страницы слоем над меню.
Для более удобной работы с корзиной, был реализован функционал ajax-пересчета суммы товаров в корзине, без перезагрузки страницы. Оформление заказа реализовано с помощью модуля «Корзина в 1 шаг» от CMS-Modules.
На странице с подробным описанием товаров интегрирован слайдер изображений, вкладки с подробным описанием и характеристиками товара.
Все страницы сайта размечены спец.разметкой schema.org, что обеспечивает корректное индексирование поисковыми системами страниц сайта и вывод в результатах поиска особых сниппетов, выделяющих сайт среди остальных ранжируемых сайтов.
Наконец, в целях продвижения сайта по регионам России, был имплементирован модуль геотаргетинга от geotop3.com.