ПРОЕКТ

Корпоративный сайт для METROKS с динамическим каталогом продукции, админпанелью и интеграцией с внешней базой данных

Реализация дизайна сайта, Разработка фронтенда (адаптивный, многоязычный сайт), Разработка бэкэнда с административной панелью, Интеграция REST API с Visma Horizon, Динамическая система каталога и фильтрации, Функциональность экспорта в PDF, Система избранного и рекомендаций, Отображение и синхронизация запасов

  • Отрасль: Распределение плитки
  • Латвия Расположение: Латвия
  • Срок выполнения: 5 недель
  • Технологии: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Оценка: 5/5
2 месяцев

Резюме

Проблема

Устаревший сайт и разрозненная система продуктов

Решение

Адаптивный сайт с интеграцией ERP и нестандартной CMS

Результат

Запущена современная многоязычная платформа за 2 месяца

История клиента

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

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

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

Обзор проекта

2410 разработала полностью адаптированный, отзывчивый корпоративный сайт для METROKS, латвийского дистрибьютора плитки, на основе макетов PSD, предоставленных внешними дизайнерами клиента. Проект включает индивидуальную бэкэнд-систему, позволяющую управлять контентом и взаимодействием пользователей, при этом обеспечивая полное соответствие исходной визуальной идентичности.

Сайт разработан с учетом мобильных устройств и SEO, поддерживает три языка - латышский, английский и русский - и предлагает плавный пользовательский интерфейс на всех устройствах. 2410 использовала подход кодирования HTML/CSS, точно соответствующий пикселям, гарантируя, что фронтенд точно отражает утвержденные дизайны.

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

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

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

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

- Игорс, SIA METROKS

Ключевые результаты

  • Многоязычная структура сайта (латышский, русский, английский)
  • Динамический каталог плитки с фильтрами и поиском
  • Системы избранного и рекомендаций
  • Адаптивный макет для различных размеров экранов
  • Административная панель для управления контентом и пользователями
  • Интеграция наличия запасов из внешнего ПО
  • Обработка электронных уведомлений и форм обратной связи
  • Экспорт в PDF видимых элементов каталога

Технологический стек

HTML/CSS/JavaScript Microsoft SQL Server 2017 Visma Horizon REST API Mailigen API Специальный сервер с доступом по статическому IP

Результат

Завершение проекта

Всего за 2 месяца компания 2410 успешно выполнила задачу по созданию полностью функционального, визуально согласованного корпоративного сайта для METROKS. Сайт был создан с использованием макетов PSD, предоставленных клиентом, и дополнен безупречной функциональностью бэкэнда, что обеспечивает по-настоящему точное соответствие пикселям пользовательское взаимодействие.

Наибольшим достижением проекта была надежная интеграция с системой Visma Horizon ERP. Благодаря этому все изменения продуктов—такие как цены, описания и наличие—управляются из одного центрального склада и мгновенно отображаются на сайте. Без двойных вводов. Без задержек.

Совет: Динамическая синхронизация продукции помогла сократить время администрирования и повысить точность каталога.

Ключевые результаты

  • Настроенная CMS на базе WordPress для гибкой редактуры контента
  • Поддержка нескольких языков: латышский, русский и английский
  • Синхронизация данных в режиме реального времени с ERP для наличия складских и универсальных данных о продуктах
  • Фильтры поиска, варианты продукции и удобная навигация по каталогу
  • Современный, ориентированный на мобильные устройства дизайн с использованием стандартов точного соответствия пикселям

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

  • Фильтры продукции по цвету, размеру, материалу, цене и другим параметрам
  • Система избранного и интерактивный каталог
  • Персонализированные посадочные страницы для целевых аудиторий, таких как дизайнеры и строители

До и после

📌 Главная страница

Старая главная страница

Старая главная страница

Старая главная страница

Новая главная страница

Новая главная страница

Новая главная страница

📌 Каталоговая страница

Старая страница каталога

Старая страница каталога

Старая страница каталога

Новая страница каталога

Новая страница каталога

Новая страница каталога

📌 Поисковые фильтры

Фильтр поиска продукции

Фильтр поиска продукции

Фильтр поиска продукции

📌 Посадочная страница

Старая посадочная страница

Старая посадочная страница

Старая посадочная страница

Новая посадочная страница

Новая посадочная страница

Новая посадочная страница

📌 Страница контактов

Старая страница контактов

Старая страница контактов

Старая страница контактов

Новая страница контактов

Новая страница контактов

Новая страница контактов

Примечание: Все дизайны страниц были разработаны для соответствия требованиям Google Core Web Vitals и современным стандартам удобства использования, что обеспечивает высочайшую производительность и видимость в поисковых системах.

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

Думаете о создании аналогичной системы?

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