Блог TemplateMonster

Лучшие мобильные сайты интернет-магазинов: берем пример

Подумайте сейчас о своем образе жизни. Какое устройство вы чаще всего используете для интернета? Я люблю сёрфить по любимым сайтам со своего смартфона: это удобно, можно делать в любое время и в любом месте ー кафе, скамейке в парке или в очереди за кофе. Мы живем в век мобильных гаджетов и если сайты не подстраиваются под их экран, мы закрываем их. Правда?

Как делают лучшие мобильные сайты

Итак, если ваш бизнес находится по ту сторону экрана смартфона, сохраняйте советы от TemplateMonster ー они вам точно пригодятся.

Короткий и увлекательный контент

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

Тщательно продумайте свой макет

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

Разработайте сайт для разных устройств

Позаботьтесь о правильной работе вашего сайта на различных девайсах - Android IPhone, BlackBerry и прочих. Так вы привлечете больше аудитории, а значит и увеличите прибыль.

Думайте своим большим пальцем

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

Используйте мобильные иконки

Проанализируйте пространство на сайте, где вы можете заменить текст иконками. Это можно сделать в ссылках на соцсети. А в СТА-кнопках вместо текста «Позвонить» или «Купить», используйте иконку телефона и корзины.

Контактная информация на виду

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

Добавьте ссылку на полную версию сайта

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

Уменьшите размер графики

Тяжелые медиа-файлы будут тормозить мобильный сайт.

Оптимизируйте сайт под SEO

Убедитесь, что ваша SEO-стратегия включает в себя мобильное поведение и ключевые слова.

Обеспечьте мультиканальный шоппинг

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

Итак, если вы собираетесь запустить интернет-магазин, обязательно сделайте его адаптивным. Отличным готовым решением для проекта электронной коммерции станут PrestaShop шаблоны. С ними вы получаете: полностью адаптивный дизайн, простую установку, поиск Ajax, перевод, lazy load эффект, интегрированные шрифты и многое другое.

Eveprest - многоцелевой PrestaShop шаблон