Новый интернет-магазин 4.0 beta

Дизайн

Дизайн в новом интернет-магазине стал более лёгким, практичным и сохранил свою адаптивность к различным устройствам. Невозможно описать картину художника, можно только передать свои эмоции. Так же и с новым дизайном магазина - лучше самому всё увидеть и составить своё мнение.

Особый акцент уделялся удобству работы с сайтом с мобильных устройств - продуманная структура и ненавязчивый дизайн делает выбор товаров в интернет-магазине приятным и результативным: хочется смотреть каталог товаров ещё и ещё!

Анимация при прокрутке страницы

Содержимое страницы будет плавно появляться, по мере прокрутки страницы пользователем. Плавная анимация не заостряет на себе внимание, однако делает более приятным представление контента.

Обновлённый дизайн системы управления сайтом

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

Акции с временным счётчиком

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

Для каждого товара может быть своя акция.

Выбранные товары отображаются в отдельном блоке на главной странице, а так же в каталоге. На странице описания товара появляется счётчик с оставшимся временем, до которого действует акция.

Сравнение товаров

Любой пользователь теперь может сравнить понравившиеся ему товары. Товары сравниваются по актуальной цене, старой цене и заранее заданным параметрам.

Избранные товары

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

Данные избранного хранятся до 2-х лет на одном устройстве.

Доставка теперь отражает в себе время

Мы сохранили возможность указания стоимости доставки и возможность снижения её стоимости, при достижении заданного порога суммы заказа.

Что нового – новые возможности настройки:

• по каким дням недели осуществляется тот или иной метод доставки;
• в какое время будет доставлен заказ;
• если стоимость доставки нельзя рассчитать заранее, можно проинформировать пользователя об этом.

Email-оповещения стали красивыми

Email-оповещения о статусах заказа для пользователя теперь генерируются на основе вашего дизайн-оформления сайта! Данные оповещения генерируются автоматически.

Новый подход к параметрам товаров

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

Оформление заказа стало пошаговым

Мы переделали корзину и сделали оформление заказа пошаговым и очень удобным:

• проверка товаров и их количества в корзине;
• выбор метода доставки;
• выбор метода оплаты;
• ввод контактных данных.

Новые методы оплаты

Мы сохранили возможность приёма онлайн-платежей через Яндекс.Кассу и добавили новые методы оплаты:

• оплата при получении наличными;
• оплата при получении картой;
• оплата по счету в банке.

Разграничение прав доступа

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

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

Разные цены для физических и юридических лиц

Пользователь может зарегистрироваться на сайте как физическое, так и юридическое лицо.

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

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

Ограничение на минимальную стоимость заказа

Если ваш бизнес предполагает минимальный возможный порог стоимости заказа, то вы можете указать об этом в системе управления сайтом. Пользователь сможет положить товар в корзину, но не сможет оформить заказ – ему будет показано предупреждение.

Обновлённая карточка товара

Мы полностью пересобрали страницу описания товара и сделали её в виде отличного оффера. Ничего лишнего, только фото товара, цена, скидка (если есть), условия доставки, описание, отзывы и кнопка – ничего не отвлекает пользователя от покупки.

Более информативные отзывы

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

Обновлённый поиск

Поиск по сайту (каталогу товаров) теперь учитывает морфологию русского языка.

Все найденные результаты поиска отображаются в виде карточек товаров – наглядность превыше всего.

SMS-оповещения

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

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

Скорость

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

Расскажем подробнее о нашем методе, который мы назвали LAjax:

Страницу сайта можно визуально поделить условно на 3 части:

1. Шапка сайта - верхний блок, где обычно размещается логотип, слоган, номера телефонов и пр.
2. Подвал сайта - нижний блок, где размещается та же информация из шапки, но уже в более подробном виде.
3. Рабочая область - блок, в котором размещается информация конкретной страницы, и при переходе с одной страницы на другую меняется информация только здесь, в этом блоке.

Ещё в 2016 году мы решили посчитать вес страниц среднестатистического создаваемого нами сайта в килобайтах, и какой процент в этом весе занимает шапка, подвал, рабочая область и дополнительно подключаемые файлы (шрифты, файлы, отвечающие за стили и файлы, отвечающие за скрипты). Мы не стали оценивать вес изображений.

Мы получили примерно (разумеется всё зависело от вида сайта и его содержимого) следующие данные (все данные округлены и приведены к среднему значению):

• Шапка сайта - 5кб
• Подвал сайта - 6кб
• Рабочая область - 10кб
• Мета-теги и прочие элементы, которые не видны пользователю - 3кб
• Файлы отвечающие за стили - 400кб
• Файлы отвечающие за скрипты - 700кб

Общий размер страницы составил 1124кб.

Из полученных данных стало очевидным, что при переходе с одной страницы на другую пользователь повторно загружает примерно 1114кб (99.1% от всего веса страницы), что составляет примерно 4.4 секунды в сети 3G. Для перехода с одной страницы на другую сейчас это невероятно много.

Чтобы решить этот вопрос мы сделали функционал, который загружает все файлы стилей, файлы скриптов, шапку и подвал сайта только один раз, при первом входе. И уже при переходе на другую страницу, потребуется всего 10кб, на третью ещё 10кб и т.д. То есть для перехода по 5 страницам потребуется всего 1164кб или 4.5 секунды в сети 3G, вместо 5620кб и 22 секунд соответственно.

Но этого нам показалось недостаточно, так как сохранялась проблема первого входа и затрат времени в 4.4 секунды. Из полученных нами данных было видно, что основной объём данных это файлы стилей и файлы скриптов. Поэтому мы минимизировали эти файлы путём удаления ненужных символов, а их, поверьте, очень много.

После процедуры минимизации, файл стилей стал равен 50кб (уменьшился на 87,5%), а файл скриптов 170кб (уменьшился на 75,5%). Общий объём страницы стал 244кб и скорость загрузки в сети 3G составила 0,95 секунды.

Но и этого нам показалось недостаточно, так как мы повлияли только на то, что можно сделать системой управления сайтом, а есть ведь ещё и сервер. На сервере мы решили использовать самый популярный стандартный текстовый компрессор GZIP. Условно его работа сводится к тому, чтобы сжать весь код в архив и отдать браузеру на скачивание, а тот в свою очередь легко и быстро его распаковывает и отображает - работает во всех современных браузерах. Минимальная величина компрессии при тестах составила 3, то есть вес страницы был 244кб, после включения GZIP стал 81.3кб, или 0.3 секунды в сети 3G.

Таким образом, мы сократили общий объём страницы с 1124кб до 81.3кб (почти в 14 раз) и время полного скачивания с 4.4 до 0.3 секунды (почти в 15 раз).

Мы пошли ещё дальше и добавили кеширование для файлов скриптов и файлов стилей. Если пользователь зашёл на сайт впервые, то он загрузит весь объём данных 81.3кб, из которых 73.3кб – это файлы стилей и скриптов и 8кб всё отображаемое содержимое и мета-теги. Благодаря кешированию, если он зайдёт на следующий день, то загрузит уже только 8кб, так как файлы стилей и скриптов будут уже загружены и размещены на его устройстве.

Такой интересный и плодотворный путь мы прошли при разработке нового интернет-магазина. Надеемся, вы оцените наш новый продукт, ведь мы стараемся для вас!