PROJEKT

Företagswebbplats för METROKS med dynamisk produktkatalog, adminpanel och integration med externt lagersystem

Implementering av webbdesign, Frontendutveckling (responsiv webbplats på flera språk), Backendutveckling med adminpanel, REST API-integration med Visma Horizon, Dynamisk katalog och filtreringssystem, PDF-exportfunktion, System för favoriter och rekommendationer, Visning och synkronisering av lagersaldo

  • Bransch: Kakeldistribution
  • Lettland Plats: Lettland
  • Leveranstid: 5 veckor
  • Tekniker: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Betyg: 5/5
2 månader

Sammanfattning

Problem

Föråldrad webbplats och frånkopplat produktsystem

Lösning

Responsiv webbplats med ERP-integration och anpassat CMS

Resultat

En modern plattform på flera språk lanserades på två månader

Kundberättelse

METROKS, ett lettiskt företag som specialiserar sig på kakelförsäljning och inredningstjänster, hade en föråldrad webbplats som inte längre speglade den växande verksamheten.

De hade investerat i en visuell design från externa designers, men behövde ett pålitligt team som kunde förverkliga den. Med målet att bevara investeringen och säkerställa snabb leverans inledde de ett samarbete med 2410.

De viktigaste prioriteringarna var att följa originaldesignen nära, leverera en fullt fungerande plattform snabbt och integrera den smidigt med befintliga system. Samarbetet resulterade i en modern plattform som stöder verksamhetens mål och förenklar driften.

Projektöversikt

2410 utvecklade en helt skräddarsydd och responsiv företagswebbplats för METROKS, en lettisk kakeldistributör, baserad på PSD-layouter från kundens externa designers. Projektet omfattade ett anpassat backend-system för innehållshantering och användarengagemang, samtidigt som den ursprungliga visuella identiteten bevarades.

Webbplatsen utvecklades med ett mobile-first-perspektiv och SEO i åtanke. Den stöder tre språk - lettiska, engelska och ryska - och ger en smidig användarupplevelse på alla enheter. 2410 använde en pixelperfekt HTML/CSS-kodningsmetod så att frontend exakt återspeglade de godkända designerna.

En stor utmaning var att integrera Visma Horizon ERP-systemet. Datasynkronisering i realtid etablerades, vilket möjliggjorde automatiska uppdateringar av produktlistningar, tillgänglighet och priser utan manuell inmatning. Integrationen effektiviserade lagerhanteringen och förbättrade den operativa effektiviteten.

Utöver en katalog innehåller webbplatsen dynamisk produktfiltrering, personliga rekommendationer, landningssidor för riktade kampanjer samt funktioner som favoriter och beställningsformulär. Alla delar utvecklades med prestanda och skalbarhet i åtanke, vilket skapar en smidig upplevelse för både användare och administratörer.

Projektet utvecklades och lanserades enligt en stram tidsplan på två månader, med en flexibel process som tog hänsyn till föränderliga design- och systemunderlag.

Samarbetet var produktivt och detaljerat, med iterativa leveranser baserade på tillhandahållna designer och affärslogik. 2410 visade flexibilitet vid försenade underlag och arbetade nära kunden med att integrera komplexa externa system. Kunden uppskattade det stegvisa arbetssättet och fortsatte att anlita 2410 för utökade moduler, som lagersystemet och personanpassad prissättning.

- Igors, SIA METROKS

Viktiga levererade funktioner

  • Flerspråkig webbplatsstruktur (lettiska, ryska, engelska)
  • Dynamisk kakelkatalog med filter och sökning
  • System för favoriter och rekommendationer
  • Responsiv layout för olika skärmstorlekar
  • Adminpanel för hantering av innehåll och användare
  • Lagersaldo integrerat från extern programvara
  • E-postnotiser och hantering av feedbackformulär
  • PDF-export av synliga katalogprodukter

Teknikstack

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

Resultatet

Projektgenomförande

På bara 2 månader , levererade 2410 framgångsrikt en fullt fungerande och visuellt konsekvent företagswebbplats för METROKS . Webbplatsen byggdes utifrån kundens PSD-layout och kompletterades med smidig backend-funktionalitet, vilket gav en verkligt pixelperfekt användarupplevelse.

Projektets största framgång var den robusta integrationen med Visma Horizon ERP-systemet . Tack vare detta hanteras alla produktändringar - som priser, beskrivningar och tillgänglighet - i ett centralt lagersystem och återspeglas direkt på webbplatsen. Inga dubbla registreringar. Inga förseningar.

Tips: Dynamisk produktsynkronisering minskade administrationstiden och förbättrade katalogens noggrannhet.

Viktiga leveranser

  • Anpassat WordPress-baserat CMS för flexibel innehållsredigering
  • Stöd för flera språk: lettiska, ryska och engelska
  • Live-synkronisering med ERP för lager- och produktinformation i realtid
  • Sökfilter, produktvarianter och användarvänlig katalognavigering
  • Modern, mobiloptimerad design enligt Pixel Perfect-standarder

Frontend är ren, snabb och starkt SEO-optimerad. Användarna får en smidig surfupplevelse på alla enheter, med funktioner som:

  • Produktfilter baserade på färg, storlek, material, pris med mera
  • Favoritsystem och interaktiv katalog
  • Anpassade landningssidor för målgrupper som designers och byggare

Före och efter

Startsida

Old Home Page
Gammal startsida
New Home Page
Ny startsida

Katalogsida

Old Catalog Page
Gammal katalogsida
New Catalog Page
Ny katalogsida

Sökfilter

Product Search Filter
Filter för produktsökning

Landningssida

Old Landing Page
Gammal landningssida
New Landing Page
Ny landningssida

Kontaktsida

Old Contact Page
Gammal kontaktsida
New Contact Page
Ny kontaktsida

Obs: Alla siddesigner utvecklades för att uppfylla Googles Core Web Vitals och moderna användbarhetsstandarder, vilket säkerställer hög prestanda och god synlighet i sökresultaten.

I slutändan fick METROKS en modern, skalbar och lättadministrerad onlineplattform som stöder både B2B- och B2C-verksamheten och stärker företagets position på den konkurrensutsatta kakel- och golvmarknaden.

Funderar du på att bygga ett liknande system?

Här är några av de vanligaste frågorna vi får från kunder som vill utveckla en anpassad webbplats med backend-integration, likt projektet vi levererade för METROKS. Svaren hjälper dig att förstå vad som krävs för att skapa en flerspråkig och responsiv plattform med ERP-synkronisering och produktkatalogfunktioner.