PROJEKT

Strona firmowa METROKS z dynamicznym katalogiem produktów, panelem administracyjnym i integracją z zewnętrzną bazą stanów magazynowych

Wdrożenie projektu strony internetowej, Tworzenie frontendu (responsywna, wielojęzyczna strona), Tworzenie backendu z panelem administracyjnym, Integracja REST API z Visma Horizon, Dynamiczny katalog i system filtrowania, Funkcja eksportu do PDF, System ulubionych i rekomendacji, Wyświetlanie i synchronizacja stanów magazynowych

  • Branża: Dystrybucja płytek
  • Łotwa Lokalizacja: Łotwa
  • Czas realizacji: 5 tygodnie
  • Technologie: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Ocena: 5/5
2 miesięcy

Podsumowanie

Problem

Przestarzała strona i niespójny system produktów

Rozwiązanie

Responsywna strona z integracją ERP i dedykowanym CMS-em

Rezultat

Uruchomienie nowoczesnej, wielojęzycznej platformy w 2 miesiące

Historia klienta

METROKS, łotewska firma specjalizująca się w sprzedaży płytek i usługach projektowania wnętrz, korzystała z przestarzałej strony, która nie odzwierciedlała już rozwoju firmy.

Firma zainwestowała w projekt wizualny przygotowany przez zewnętrznych projektantów, ale potrzebowała niezawodnego zespołu, który wcieli go w życie. Chcąc zachować tę inwestycję i zapewnić szybką realizację, nawiązała współpracę z 2410.

Najważniejsze było wierne odwzorowanie pierwotnego projektu, szybkie dostarczenie w pełni funkcjonalnej platformy oraz płynna integracja z istniejącymi systemami. Współpraca zaowocowała nowoczesną platformą wspierającą cele biznesowe i upraszczającą codzienne operacje.

Opis projektu

2410 stworzyło w pełni spersonalizowaną, responsywną stronę firmową dla METROKS, łotewskiego dystrybutora płytek, na podstawie makiet PSD dostarczonych przez zewnętrznych projektantów klienta. Projekt obejmował dedykowany system backendowy umożliwiający zarządzanie treścią i angażowanie użytkowników, przy zachowaniu pełnej zgodności z pierwotną identyfikacją wizualną.

Serwis zaprojektowano zgodnie z podejściem mobile-first i z uwzględnieniem SEO. Obsługuje trzy języki - łotewski, angielski i rosyjski - oraz zapewnia płynne działanie na wszystkich urządzeniach. 2410 zastosowało podejście pixel perfect w kodowaniu HTML/CSS, dzięki czemu frontend dokładnie odwzorowuje zatwierdzone projekty.

Jednym z głównych wyzwań była integracja systemu ERP Visma Horizon. Ustanowiono synchronizację danych w czasie rzeczywistym, umożliwiającą automatyczne aktualizowanie list produktów, dostępności i cen bez ręcznego wprowadzania danych. Integracja usprawniła zarządzanie zapasami i zwiększyła efektywność operacyjną.

Poza katalogiem serwis obejmuje dynamiczne filtrowanie produktów, spersonalizowane rekomendacje, strony docelowe kampanii oraz funkcje takie jak ulubione i formularze zamówień. Każdy element opracowano z myślą o wydajności i skalowalności, tworząc płynne doświadczenie zarówno dla użytkowników, jak i administratorów.

Projekt wdrożono i uruchomiono w napiętym terminie dwóch miesięcy, zachowując elastyczność procesu niezbędną przy zmieniających się materiałach projektowych i systemowych.

Współpraca była produktywna i szczegółowa, a kolejne etapy realizowano na podstawie dostarczonych projektów i logiki biznesowej. 2410 wykazało się elastycznością w obliczu opóźnionych materiałów i ściśle współpracowało z klientem przy integracji złożonych systemów zewnętrznych. Klient docenił etapowe podejście i nadal angażował 2410 przy rozbudowie modułów, takich jak system stanów magazynowych i spersonalizowane ceny.

- Igors, SIA METROKS

Dostarczone kluczowe funkcje

  • Wielojęzyczna struktura strony (łotewski, rosyjski, angielski)
  • Dynamiczny katalog płytek z filtrami i wyszukiwarką
  • System ulubionych i rekomendacji
  • Responsywny układ dla różnych rozmiarów ekranów
  • Panel administracyjny do zarządzania treścią i użytkownikami
  • Dostępność produktów synchronizowana z zewnętrznym oprogramowaniem
  • Powiadomienia e-mail i obsługa formularza kontaktowego
  • Eksport widocznych produktów katalogu do PDF

Stos technologiczny

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

Rezultat

Realizacja projektu

W zaledwie 2 miesiące , 2410 dostarczyło w pełni funkcjonalną i spójną wizualnie stronę firmową dla METROKS . Serwis powstał na podstawie makiety PSD klienta i został wzbogacony o płynnie działający backend, zapewniając prawdziwie pixel-perfect doświadczenie użytkownika.

Największym osiągnięciem projektu była solidna integracja z systemem ERP Visma Horizon . Dzięki niej wszystkie zmiany produktów, takie jak ceny, opisy i dostępność, są zarządzane w jednym centralnym systemie magazynowym i natychmiast odzwierciedlane na stronie. Bez podwójnego wprowadzania danych. Bez opóźnień.

Wskazówka: Dynamiczna synchronizacja produktów pomogła skrócić czas pracy administratorów i zwiększyć dokładność katalogu.

Kluczowe elementy

  • Dedykowany CMS oparty na WordPressie do elastycznej edycji treści
  • Obsługa wielu języków: łotewskiego, rosyjskiego i angielskiego
  • Synchronizacja danych z ERP na żywo, obejmująca stany magazynowe i informacje o produktach
  • Filtry wyszukiwania, warianty produktów i intuicyjna nawigacja po katalogu
  • Nowoczesny, zoptymalizowany mobilnie projekt zgodny ze standardami Pixel Perfect

Frontend jest przejrzysty, szybki i wysoko zoptymalizowany pod kątem SEO. Użytkownicy mogą wygodnie przeglądać serwis na różnych urządzeniach, korzystając między innymi z funkcji:

  • Filtrów produktów według koloru, rozmiaru, materiału, ceny i innych parametrów
  • Systemu ulubionych i interaktywnego katalogu
  • Dopasowanych stron docelowych dla określonych odbiorców, takich jak projektanci i wykonawcy

Przed i po

Strona główna

Old Home Page
Stara strona główna
New Home Page
Nowa strona główna

Strona katalogu

Old Catalog Page
Stara strona katalogu
New Catalog Page
Nowa strona katalogu

Filtry wyszukiwania

Product Search Filter
Filtr wyszukiwania produktów

Strona docelowa

Old Landing Page
Stara strona docelowa
New Landing Page
Nowa strona docelowa

Strona kontaktowa

Old Contact Page
Stara strona kontaktowa
New Contact Page
Nowa strona kontaktowa

Uwaga: Wszystkie projekty stron opracowano zgodnie z Google Core Web Vitals i nowoczesnymi standardami użyteczności, zapewniając najwyższą wydajność i widoczność w wyszukiwarce.

Ostatecznie METROKS otrzymało nowoczesną, skalowalną i łatwą w zarządzaniu platformę internetową wspierającą działalność B2B i B2C oraz wzmacniającą pozycję firmy na konkurencyjnym rynku płytek i podłóg.

Myślisz o stworzeniu podobnego systemu?

Oto niektóre z najczęstszych pytań, które słyszymy od klientów chcących stworzyć niestandardową stronę z integracją backendu, podobną do projektu zrealizowanego dla METROKS. Odpowiedzi pomogą zrozumieć, co wiąże się z tworzeniem wielojęzycznej, responsywnej platformy z synchronizacją ERP i funkcjami katalogu produktów.