ПРОЕКТ

Корпоративный сайт 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 полностью функциональный и визуально цельный корпоративный сайт METROKS . Сайт был основан на PSD-макетах клиента и получил плавно работающую серверную часть, обеспечив действительно пиксельно точный пользовательский опыт.

Главным достижением проекта стала надежная интеграция с 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-деятельность и укрепляющую позиции компании на конкурентном рынке плитки и напольных покрытий.

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

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