Späť na projekt

Webové aplikácie Prípadová štúdia

Agrosklad.sk

Ako sme presťahovali 4 100 produktov z PrestaShopu bez toho, aby firma prišla o pozície vo vyhľadávačoch

Laravel Tailwind Livewire PostgreSQL Docker Blade Alpine.js E-shop Lunar

Klient

Jozef Hrlík - AGROSKLAD

Trvanie

4 mesiace

Web

agrosklad.sk

Prehľad

Agrosklad je rodinná firma s 32-ročnou históriou, ktorá predáva náhradné diely a poľnohospodárske potreby. Ich e-shop bežal na PrestaShope, ktorý sa už nedal rozumne rozvíjať ani udržiavať. Problém však nebol len technický. Ceny a skladové zásoby sa do e-shopu prepisovali ručne, takže zákazník si vedel objednať tovar, ktorý na sklade nebol. Katalóg s viac ako štyrmi tisíckami položiek pritom rokmi nazbieral pozície vo vyhľadávačoch, o ktoré firma nemohla prísť. Postavili sme nový e-shop na Laraveli a starý systém sme vypli až vtedy, keď boli všetky dáta aj adresy prenesené.

Ciele projektu

Zmigrovať celý katalóg z PrestaShopu vrátane produktových fotiek

Zachovať pozície vo vyhľadávačoch a funkčnosť starých odkazov

Skoncovať s ručným prepisovaním cien a skladových zásob

Umožniť zákazníkom nájsť diel podľa katalógového čísla aj bez diakritiky

Pokryť nákup na firmu s IČO a IČ DPH

Dať firme administráciu objednávok, ktorú zvládne sklad bez programátora

https://agrosklad.sk

Kliknutím zväčšíte

Výzva

Rodinná firma s 32-ročnou históriou predávala náhradné diely a poľnohospodárske potreby cez PrestaShop, ktorý sa už nedal rozumne rozvíjať ani udržiavať. Bolo treba zmigrovať viac ako 4 100 produktov v 600+ kategóriách bez straty pozícií vo vyhľadávačoch, zachovať funkčné odkazy a vyriešiť, aby ceny a skladové zásoby už nikto neprepisoval ručne.

Riešenie

Postavili sme nový e-shop na Laraveli. Na správu e-shopu sme použili headless e-commerce framework Lunar. Používateľské rozhranie sme navrhli podľa zadania klienta s využitím vlastného riešenia. Dáta zo starého systému sme zmigrovali kompletne spolu s médiami. Opravili slugy pre produkty a kategórie na SEO friendly tvar. Staré URL sme pokryli 301 presmerovaniami, takže indexované adresy zostali funkčné. Katalóg sa denne synchronizuje s interným skladom, takže ceny a zásoby sú vždy aktuálne. Fulltext vyhľadávanie sme postavili priamo v PostgreSQL.

Proces

Analýza a audit dát

3 týždne

Začali sme rozborom starého PrestaShopu. Bolo treba zistiť, v akom stave katalóg reálne je, ktoré adresy majú v indexe hodnotu a ako presne vyzerajú dáta v internom sklade firmy. Ukázalo sa, že slugy produktov aj kategórií sú pre vyhľadávače nepoužiteľné a bude ich treba prepísať.

Audit katalógu, kategórií a produktových médií v PrestaShope

Zmapovanie indexovaných adries a ich hodnoty pre vyhľadávače

Rozbor formátu dát v internom skladovom systéme klienta

Návrh nových SEO friendly slugov pre produkty a kategórie

Zber požiadaviek na objednávkový proces a nákup na firmu

Dizajn a návrh rozhrania

3 týždne

Používateľské rozhranie sme navrhli podľa zadania klienta ako vlastné riešenie, nie ako hotovú šablónu. Pri katalógu s vyše šesťsto kategóriami je najdôležitejšie, aby zákazník rýchlo našiel konkrétny diel, preto sme stavali okolo vyhľadávania a prehľadnej navigácie katalógom.

Vlastný dizajn podľa zadania klienta v zelenej farebnosti značky

Navigácia rozsiahlym katalógom a filtrovanie produktov

Rozloženie produktovej karty s katalógovým číslom a dostupnosťou

Mobilné zobrazenie katalógu a košíka

Návrh objednávkového procesu vrátane nákupu na firmu

Vývoj e-shopu a migrácia

3 mesiace

E-shop sme postavili na Laraveli, na správu produktov a objednávok sme použili headless e-commerce framework Lunar. Dáta zo starého systému sme preniesli kompletne aj s médiami a starý katalóg sme premapovali na nové adresy. Fulltextové vyhľadávanie sme postavili priamo v PostgreSQL, takže e-shop nepotrebuje ďalšiu vyhľadávaciu službu navyše.

Laravel s headless e-commerce frameworkom Lunar

Migrácia 4 100+ produktov a 600+ kategórií vrátane fotiek

301 presmerovania zo starých adries na nové slugy

Fulltext vyhľadávanie v PostgreSQL bez diakritiky a podľa katalógových čísel

Denná synchronizácia cien a skladových zásob s interným skladom

Košík pre prihlásených aj neprihlásených s automatickým zlúčením

Nákup na firmu s IČO a IČ DPH

Cena dopravy podľa hmotnosti, kuriér aj osobný odber

Pay by Square QR platba priamo v potvrdzovacom e-maile

Nasadenie a odovzdanie

3 týždne

Pred prepnutím domény sme si overili, že presmerovania sedia a katalóg je kompletný. Sklad dostal tlačovú zostavu objednávok, aby mohol expedovať bez toho, že by si niečo prepisoval. Firmu sme zaškolili do administrácie vrátane úprav e-mailových šablón.

Kontrola úplnosti katalógu a presmerovaní pred prepnutím domény

Nasadenie na produkciu a odstavenie pôvodného PrestaShopu

Tlačová zostava objednávok pre expedíciu zo skladu

E-mailové šablóny editovateľné priamo klientom

Zaškolenie firmy do administrácie objednávok a katalógu

Výsledky

4 100+

Migrovaných produktov

Celý katalóg v 600+ kategóriách prešiel aj s fotkami

301

Staré adresy fungujú

Indexované odkazy sme pokryli presmerovaniami na nové slugy

1x denne

Sklad bez prepisovania

Ceny a zásoby sa synchronizujú z interného systému automaticky

Služieb navyše

Fulltext vyhľadávanie beží priamo v PostgreSQL

Čo sme doručili

Katalóg 4 100+ produktov v 600+ kategóriách

Fulltext vyhľadávanie bez diakritiky a podľa katalógových čísel

Košík pre prihlásených aj neprihlásených s automatickým zlúčením

Nákup na firmu s IČO a IČ DPH

Pay by Square QR platba v e-maile

Cena dopravy podľa hmotnosti, kuriér aj osobný odber

Administrácia objednávok s tlačovou zostavou pre sklad

301 presmerovania starých URL pre zachovanie SEO

Automatická synchronizácia skladu a cien

E-mailové šablóny editovateľné klientom

Technológie

Laravel Backend e-shopu, migrácia dát a synchronizácia so skladom

Lunar Headless e-commerce framework pre katalóg a objednávky

Livewire Košík, filtrovanie katalógu a objednávkový proces

PostgreSQL Databáza katalógu a fulltextové vyhľadávanie bez diakritiky

Tailwind CSS Vlastný dizajn e-shopu podľa zadania klienta

Alpine.js Interakcie v katalógu a na produktovej karte

Docker Vývojové prostredie a nasadenie

Ďalšie prípadové štúdie

Predchádzajúca

Burger Pub Zvolen

Máte podobný projekt?

Poďme spolupracovať.

Rád vám pomôžem premeniť vašu víziu na realitu. Napíšte mi a porozprávame sa o vašom projekte.

Začať projekt