Кейсы

Разработка интернет-магазина MGBot

Создали интернет-магазин робототехники, где можно приобрести роботов и комплектующие к ним.
MGBot

Задачи сайта

Разработать удобный и функциональный интернет-магазин, объединяющий торговую площадку и образовательный проект.

Выбор концепции

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

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

На сайте мы использовали яркие нестандартные цвета, такие как зелёный в резкой гамме, резкий синий.

Нами был разработан простой и ёмкий логотип с визуализацией элементов веб-камеры (визора/датчика слежения), что отражает общую тематику проекта.

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

Главная страница сайта содержит интерактивные элементы навигации по каталогу.

главная

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

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

Контакты
Регистрация
kontakti
registration

Каталог

Мы разработали каталог по категориям продукции.

Интернет-магазин MGBot предлагает широкий выбор товаров: детали для робототехнических конструкторов, управляющие контроллеры для конструкторов, сенсоры и датчики, микрофоны и видеокамеры, программное обеспечение для программирования и управления роботами, аксессуары и сопутствующие материалы для роботов и т. д.

katalog

Карточка товара

Карточка товара содержит описание, технические характеристики, документацию, изображения, информацию о цене.

Добавлена корзина. Работает система оплаты онлайн с функцией выбора способа доставки.

Карточка товара
Корзина (шаг 1)
Корзина (шаг 2)
kartochka-tovara
korzina
korzina-shag-2

Обучающий раздел

Обучающий раздел — важная часть проекта MGBot.

В «Школе робототехники» публикуются интересные статьи, видеоматериалы, уроки, мастер-классы с возможностью скачать текстовые файлы, видео, архивы. Отдельно на сайте представлено оборудование для обучающих центров, кружков и курсов.

Для быстрого поиска товара внедрён «умный поиск» по первым буквам названия.

Обучающие материалы
Статья
statii
статья

Вёрстка и программирование

В качестве системы управлением содержимым сайта была выбрана платформа «1С-Битрикс».

Для ускорения открытия страниц была применена технология «Композитный сайт».

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

На сайте действует форма заказа обратного звонка.

Результат