Проект

Клиент

ООО "Мособлтех" – компания, специализирующаяся на предоставлении инженерных услуг в области газоснабжения, отопления, водоснабжения и водоотведения, а также занимающаяся продажей сопутствующих товаров.

Задача

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

Важным аспектом нашей задачи было также обеспечение интеграции интернет-магазина с основным корпоративным сайтом компании для обеспечения единообразия бренда и удобства навигации для пользователей.
1
Предоставление клиентам возможности покупки продуктов и услуг компании в любое удобное для них время.
2
Увеличение доступности продукции и услуг для широкой аудитории за счет продаж в интернете.
3
Повышение уровня удовлетворенности клиентов за счет удобства покупки и прозрачности информации о товарах и услугах.
4
Увеличение объемов продаж и расширение клиентской базы за счет привлечения новых клиентов через интернет.

Этапы работы

Этапы реализации проекта интернет-магазина ООО "Мособлтех"

01
Подготовка и планирование
На данном этапе мы активно взаимодействовали с клиентом. Определяли требования и пожелание к интернет-магазину, провели анализ конкурентов, определили целевую аудиторию, а также помогли в составлении ТЗ.
02
Дизайн и UX/UI разработка
Создали дизайн интернет-магазина с учетом корпоративного стиля компании и удобства использования для пользователей. Разработали пользовательский интерфейса (UI) с учетом пользовательского опыта (UX), чтобы обеспечить легкость навигации и привлечение покупателей.
03
Настройка интернет-магазина
Установили CMS CS-Cart для интернет-магазинов и осуществили настройку в соответствии с требованиями проекта. Это включает в себя добавление товаров, настройку способов оплаты и доставки, создание категорий товаров и т. д.
04
Разработка функциональности
Реализовали дополнительные функциональности интернет-магазина, такие как поиск по сайту, фильтры товаров, возможность оставлять отзывы и оценки, сравнение товаров и т. д.
05
Тестирование и отладка
Провели тестирование всех функциональных и дизайнерских аспектов интернет-магазина для выявления и исправления ошибок.
06
Запуск и продвижение
Разместили интернет-магазина на хостинге и запустили в работу. После запуска мы занялись продвижением магазина с помощью маркетинговых инструментов, таких как реклама в интернете, SEO-оптимизация и т. д.
07
Поддержка и обновление
После запуска магазина, мы осуществляем техническую поддержку данного проекта, обновление и доработку функционала в зависимости от потребностей компании и изменений в бизнесе.

Шапка сайта

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

Динамический баннер

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

Блок новинки

Это секция интернет-магазина, которая представляет самые свежие товары или услуги, добавленные в ассортимент магазина. Она включает в себя изображения новых товаров, их название, краткое описание и цену. Благодаря блоку "Новинки" пользователи могут легко ознакомиться с последними поступлениями и быть в курсе последних тенденций и предложений магазина. Это помогает привлечь внимание клиентов к новым товарам и стимулирует их к покупке.

Категории

Этот раздел интернет-магазина представляет основные категории товаров или услуг, доступных в магазине. В нем отображаются названия категорий и их изображения, чтобы пользователи могли легко выбрать интересующую их категорию и перейти к просмотру соответствующих товаров или услуг. Благодаря блоку "Категории" пользователи могут быстро найти нужный им раздел магазина и сэкономить время на поиске товаров.

Хиты продаж

Тут представлены самые популярные и продаваемые товары или услуги. Благодаря блоку "Хиты продаж" пользователи могут быстро узнать о самых популярных товарах в магазине и принять более обоснованные решения о покупке. Этот блок помогает пользователям ориентироваться в ассортименте магазина и может стимулировать их к совершению покупок, основываясь на популярности и рейтинге товаров.

Производители

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

О компании

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

Оплата и доставка

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

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

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

Похожие товары

На странице с карточкой товара мы также разместили блок - похожие товары.

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

Результаты

Результаты разработки интернет-магазина ООО "Мособлтех" оказались следующими:
1
Расширение рынка: создание интернет-магазина позволило компании расширить свою клиентскую базу за счёт привлечения онлайн-аудитории. Теперь компания может обслуживать клиентов не только в региональных точках, но и удалённо через интернет.
2
Увеличение продаж: онлайн-магазин стал дополнительным каналом продаж, что привело к увеличению объёма продаж и, как следствие, к росту доходов компании.
3
Улучшение обслуживания клиентов: пользователи могут теперь удобно просматривать ассортимент товаров, сравнивать их и делать покупки в любое время суток, что повышает удовлетворенность клиентов и улучшает обслуживание.
4
Повышение конкурентоспособности: интернет-магазин позволяет конкурировать на рынке более успешно, учитывая современные тенденции рынка и предпочтения клиентов в покупках.
5
Укрепление бренда: интернет - магазин укрепляет бренд компании, делая его более узнаваемым и доверенным для онлайн-пользователей.

Итог

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

Команда

Над проектом работали

Стунжина Анастасия
project менеджер
Евлошевский Валерий
Стунжина Анастасия
frontend разработчик
Серба Алексей
backend разработчик
Кияшко Андрей
тестировщик
Амбарцумян Геворг
арт-директор
Дмитрий Осипенко
архитектор 1C
Чернышев Владислав
DevOps специалист

Технологии

В интеграции были задействованы следующие технологии

Backend:
CS-Cart
REST API CS-Cart
Интеграция с 1C
Интеграция с SMSC
Telegram Bot API
Frontend:
HTML5
Less
jQuery
Smarty