Стартовали новые рейтинги digital-подрядчиковУспейте принять участие! Предварительные результаты.
Starovoitov-V
Интернет-магазин moona.shop: комплексное решение для международного бренда
Starovoitov-V
#Поддержка и развитие сайта#Программирование сайта#HTML - верстка сайта

Интернет-магазин moona.shop: комплексное решение для международного бренда

90 
Starovoitov-V Россия, Смоленск
Поделиться:
Интернет-магазин moona.shop: комплексное решение для международного бренда
Клиент

"MOONA SHOP" MCHJ

Бюджет

300 000

Сфера

Одежда и обувь

Регион

Узбекистан, Ташкент

Сдано

Июнь 2024

Задача

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

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

Необходимо создать масштабируемую платформу на базе CMS 1С-Битрикс, настроить мультивалютность и мультиязычность, внедрить бонусную систему и обеспечить автоматизацию процессов через API-интеграции.

Решение

В рамках проекта было решено:

* Реализовать адаптивную верстку с точным соответствием дизайн-макету на всех устройствах.

* Настроить CMS 1С-Битрикс для удобного управления контентом и масштабирования проекта.

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

* Настроить мультиязычность с русской и английской версиями на основе мультисайтовости.

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

* Интегрировать систему “МойСклад” для автоматического обновления товаров, остатков и заказов.

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

* Разработать механизм покупки подарочных сертификатов с отправкой SMS-кода.

* Автоматизировать уведомления через Twilio и реализовать авторизацию по SMS.

* Создать Telegram-бот для оперативного информирования менеджеров о заказах.

Каждое из решений мы детально проработали и внедрили, обеспечив Moona.shop надежную и удобную платформу для международной торговли.

1Верстка: адаптивность и внимание к деталям

Первым этапом работы стала реализация адаптивной верстки предоставленных дизайн-макетов. 

Наша цель — добиться идеального соответствия макету на всех устройствах: от крупных экранов до мобильных телефонов. Мы использовали современные стандарты HTML5 и CSS3, а для создания плавных и эффектных анимаций применили библиотеку GSAP.

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

2Программирование: гибкость и удобство управления

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

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

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

3Мультивалютность: удобство для международных покупателей

Поскольку Moona — международный проект, одним из важнейших требований клиента стала поддержка нескольких валют. 

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

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

4Мультиязычность: единая система для двух языков

Для выхода на международный рынок мы настроили мультиязычность. 

Основной сайт работает на русском языке, а английская версия располагается на поддомене en.moona.shop. Это решение было реализовано с использованием функционала мультисайтовости в 1С-Битрикс. 

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

5Оплата: решение проблемы санкций

Одна из самых сложных задач — настройка системы оплаты. 

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

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

6Интеграция с МойСклад: автоматизация бизнес-процессов

Для автоматизации учета товаров и заказов мы реализовали двустороннюю интеграцию с системой МойСклад. Из МойСклада на сайт автоматически выгружается каталог товаров, обновляются цены и остатки.

В обратном направлении — заказы, оформленные на сайте, передаются в систему учёта.

Особое внимание было уделено работе с офлайн-продажами. 

Мы разработали API-модуль, который отслеживает создание заказов в МойСкладе и начисляет бонусы клиентам. Если у клиента нет личного кабинета, система автоматически создаёт его и отправляет SMS с инструкцией по входу. Это позволило объединить онлайн- и офлайн-продажи в единую экосистему.

7Бонусная система: лояльность и вовлечение

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

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

8Покупка сертификатов: быстро и удобно

Мы разработали удобный механизм для покупки подарочных сертификатов. 

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

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

9Автоматизация уведомлений и Telegram-бот

Для оперативного информирования мы интегрировали сервис Twilio, который отправляет SMS клиентам о статусе заказа и покупке сертификатов. Также была реализована авторизация через SMS.

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

Результат

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

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

https://moona.shop

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Starovoitov-V с удовольствием обсудит вашу задачу

Оставить заявку