ПРОЕКТ

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

Реализация дизайна сайта, Frontend-разработка (адаптивный многоязычный сайт), Backend-разработка с панелью администратора, Интеграция 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-разработке, точно воспроизведя утвержденные дизайны.

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

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

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

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

- Igors, SIA METROKS

Реализованные ключевые функции

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

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

HTML/CSS/JavaScript
Microsoft SQL Server 2017
Visma Horizon REST API
Mailigen API
Custom server with static IP access

Результат

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

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

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

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

Основные результаты

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

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

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

До и после

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

Old Home Page
Старая главная страница
New Home Page
Новая главная страница

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

Old Catalog Page
Старая страница каталога
New Catalog Page
Новая страница каталога

Фильтры поиска

Product Search Filter
Фильтр поиска товаров

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

Old Landing Page
Старая главная страница
New Landing Page
Новая главная страница

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

Old Contact Page
Старая страница контактов
New Contact Page
Новая страница контактов

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

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

Думаете о создании похожей системы?

Здесь собраны некоторые из наиболее часто задаваемых вопросов клиентов, которые хотят разработать индивидуальный сайт с backend-интеграцией, как в проекте METROKS. Ответы помогут понять, что требуется для создания многоязычной адаптивной платформы с синхронизацией ERP и функциями каталога товаров.