Заказать обратный звонок
Написать письмо
+375 (29) 108-04-58 Беларусь

Новости

Сотбит.Оригами: Особенности дизайна нового шаблона

Александр Забродов

13 ноября 2018

Здравствуйте, менеджеры и владельцы интернет-магазинов! Сегодня мы решили поговорить с вами о прекрасном. Как вы уже, наверняка, знаете, недавно мы анонсировали выход уникального шаблона Origami, из которого можно самостоятельно «сложить» любой интернет-магазин. И он будет не просто прекрасен, а еще и удобен! Почему? Сейчас расскажем.

Особенности дизайна нового шаблона Сотбит.Оригами

Помните, как у классика: «Красота спасет мир»? Так вот, наше мнение – красота не только мир может спасать. Это раз. Иногда красоты бывает недостаточно. Это два. Именно поэтому, создавая наш уникальный шаблон Сотбит.Оригами, мы задействовали всю мощь отдела дизайна,основывая наши решения на UX-дизайне.
UX – User Experience, дословно: «опыт пользователя». Это восприятие и ответные действия пользователя, возникающие в результате использования и/или предстоящего использования продукции, системы или услуги. Опыт пользователя включает все эмоции, убеждения, предпочтения, ощущения, физические и психологические реакции пользователя, поведение и достижения, которые возникают до, во время и после использования системы.
Почему мы решили во главу угла поставить все же UX? Все очень просто – продуманный дизайн, ориентированный на пользователя, неизбежно приводит в повышению конверсии магазина. А если конверсия растет, то растут и продажи. Но мы не будем сейчас «растекаться мыслью по древу», а сосредоточимся на самых ключевых особенностях и представляем вам 7 UX-особенностей, которые выгодно отличают наш шаблон от решений других разработчиков:
  1. Кошелек Миллера
  2. Фильтр в двух вариантах
  3. Навигация в 3 клика
  4. Добавление товара в корзину из любого блока
  5. Мобильный фильтр
  6. Мобильная карточка товара
  7. Мобильная страница оформления заказа

Кошелек Миллера
Итогом исследования Джорджа Миллера стал тот факт, что человек может помнить одновременно около 7 элементов. Поэтому в шаблоне Origami все устроено таким образом – в одном функциональном блоке содержится не более 5-8 элементов.

Шаблон Origami от Сотбит

Фильтр в двух вариантах
Фильтром в интернет-магазине уже никого не удивишь. Скорее всего, вы даже не найдете ни одного современного шаблона на Битрикс, в котором бы его не было. Но у других разработчиков он только один. А вот в Оригами 2 варианта фильтра: вертикальный и горизонтальный. Вертикальный фильтр можно расположить в левом или правом сайдбаре.   

Вертикальный фильтр в шаблоне Origami от Сотбит

В нашем шаблоне Origami горизонтальный фильтр соответствует всем современным тенденциям e-commerce рынка. По горизонтали очень компактно располагаются свойства. Согласитесь, один вариант фильтра – это хорошо, но два – лучше. 

Горизонтальный фильтр в шаблоне Origami от Сотбит

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

Добавление товара в корзину из любого блока
Многие интернет-магазины допускают ошибку: выбрать количество товара и положить его в корзину можно только со страницы детальной карточки товара. В шаблоне Origami все это можно сделать в любом блоке на сайте, не переходя в «деталку».

Добавление товара в корзину из любого блока шаблона Origami

Мобильный фильтр
Что вы знаете про удобный фильтр в мобильной версии интернет-магазина? Как вы относитесь к всплывающим окнам, закрыть которые бывает очень непросто, ведь попасть пальцем в маленький крестик – задача не из легких? Нас это откровенно бесит. Поэтому в мобильной версии Оригами вы не найдете такого фильтра. Блок с фильтром плавно выезжает слева, предлагая вам пункты, по которым вы можете отфильтровать товары. Закрывается фильтр легким движением пальца: искать маленький крестик и целится в него не придется.
Мобильный фильтр в шаблоне Origami

Мобильная карточка товара
В основе страницы мобильной версии заголовок с названием товара и крупной фотографией, которые пользователь может скролить пальцем. Выбор свойств товара находится сразу под фото. А вот кнопка «В корзину» и выбор количества товаров закреплены внизу экрана телефона. То есть пользователь, в какой части страницы он бы не находился, может положить товар в корзину!

Мобильная карточка товара в шаблоне Origami

Мобильная страница оформления заказа
Вариант оформления заказа в мобильной версии только один. Для каждого этапа мы использовали соответствующие табы. Заполняя форму, пользователь видит, на каком шаге оформления он находятся. Если «скроллить» страницу вниз, то табы закрепляются в верхней части экрана мобильного устройства. Поэтому между шагами легко переключаться.  

Мобильная страница оформления заказа в шаблоне Origami

Что имеем по итогу? Новый шаблон для проектов на 1С-Битрикс, который мы назвали Оригами, это не очередной типичный примитив. Это универсальный инструмент, наполненный мощным функционалом и спроектированный с ориентацией на пользователя. Сотбит.Оригами – позволяет создавать любые интернет-магазины для людей. А его продуманный дизайн может увеличить конверсию магазина.

Остались вопросы по статье?

Оставьте свой контакт и наш менеджер вас проконсультирует.



Решения
Сотбит: Оригами – интернет-магазин
39 900 руб.
31 920 руб.
10 Отзывов
Сотбит: B2B кабинет
179 900 руб.
143 920 руб.
3 Отзыва
Сотбит: B2BShop - Оптово-розничный магазин с B2B кабинетом
199 900 руб.
159 920 руб.
9 Отзывов
Сотбит: Парсер контента – сайты, excel, xml, yml, csv, rss
19 990 руб.
15 992 руб.
129 Отзывов
Сотбит: B2BMobile - мобильное приложение для B2B кабинета
49 990 руб.
Сотбит: SEO умного фильтра – мета-теги, заголовки, карта сайта
14 990 руб.
11 992 руб.
182 Отзыва
Сотбит: SEO умного поиска – мета-теги, заголовки, карта сайта
9 990 руб.
7 992 руб.
3 Отзыва
Сотбит: Мультирегиональность
14 990 руб.
11 992 руб.
37 Отзывов
Сотбит: Комплексные отзывы, комментарии, вопросы
9 990 руб.
7 992 руб.
3 Отзыва
Сотбит: 1С инструменты - расширение стандартного обмена
9 990 руб.
7 992 руб.
8 Отзывов
Сотбит: Похожие товары - как инструмент увеличения среднего чека
4 990 руб.
3 992 руб.
2 Отзыва
Сотбит: Быстрая загрузка картинок в визуальном редакторе
4 990 руб.
3 992 руб.
1 Отзыв
Сотбит: Коммерческие предложения - персональные КП для клиентов
39 990 руб.
31 992 руб.
Сотбит: Мультикорзина — несколько корзин в интернет-магазине
24 990 руб.
19 992 руб.
Сотбит: Рекламации — работа с претензиями
39 900 руб.
31 920 руб.
Сотбит: REST API
Бесплатно
Сотбит: Индивидуальные цены
39 900 руб.
31 920 руб.
Канонические ссылки (canonical)
1 000 руб.
3 Отзыва
Импорт из Excel. Загрузка каталога товаров 1С-Битрикс (admin)
5 000 руб.
29 Отзывов
Сотбит: Микроразметка Schema.org. Увеличение кликабельности в поисковых системах
4 990 руб.
3 992 руб.
Сотбит: Перекрестные продажи – похожие товары, коллекции, аксессуары
9 990 руб.
7 992 руб.
2 Отзыва
Сотбит: OpenGraph. Увеличение кликабельности постов в соц. сетях
4 990 руб.
3 992 руб.
Сотбит: Проверка контрагента
4 990 руб.
3 992 руб.
1 Отзыв
Сотбит: CRM инструменты
4 990 руб.
3 992 руб.
Сотбит: Счет на почту в PDF
4 990 руб.
3 992 руб.
3 Отзыва
Сотбит: Интеграция с Контур.Эльба
9 990 руб.
7 992 руб.
1 Отзыв
Сотбит: Расширенная регистрация и авторизация
9 990 руб.
7 992 руб.
2 Отзыва
Заказ по телефону
Бесплатно
Аспро: Оптимус - интернет-магазин
26 900 руб.
35 Отзывов
Интернет-магазин ЭЛЕКТРОСИЛА
20 900 руб.
16 720 руб.
14 Отзывов
Еще решения


Сотбит
Веб интегратор занимается разработкой сайтов на 1С-Битрикс, разработкой типовых решений, входит в ТОП-10 разработчиков для Маркетплейса 1С-Битрикс.
192029
Россия
Ленинградская область
Санкт-Петербург
м. «Петроградская», пр-т Медиков, д. 3-5, лит. А, оф. 211
+7 (812) 670-07-40
sale@sotbit.ru
,
Обратная связь