O klientovi
Prefa Brno a.s. je přední výrobce betonových stavebních dílců v České republice, který dodává kvalitní výrobky z betonu, železobetonu a předpjatého betonu již více než 30 let. V produktové nabídce má řadu betonových výrobků a konstrukcí pro velké i menší projekty. Portfolio společnosti Prefa Brno a.s. se dělí na čtyři hlavní skupiny:
- řada výrobků pro dlážděné plochy, lavičky, betonové květináče, plotové systémy a další prvky zahradní architektury
- trouby a šachty všech obvyklých rozměrů a atypická řešení pro výstavbu kanalizací
- velkorozměrové nádrže a prostorové prefabrikáty inženýrských staveb
- konstrukční systémy pro průmyslové a zemědělské stavby, výstavba bytových a rodinných domů
Internetový obchod Beton E-shop představuje a nabízí ke koupi část portfolia určenou pro koncového zákazníka, který si pořídí betonové výrobky v podobě dlažby, plotu, květináče, zahradního nášlapu či obrubníku a dalšího oblíbeného sortimentu.
Více o klientovi na www.betoneshop.cz
Zadání klienta
Požadavek na redesign fungujícího Beton E-shopu iniciovala potřeba pružnějšího fungování a propojení s klientovým informačním systémem. Jelikož stará verze e-shopu neumožňovala řadu potřebných funkcí, šlo v tomto případě o redesign, při kterém se z původní verze zachovalo velice málo. Dá se říct, že nezůstal kámen na kameni a novou podobu e-shopu bylo třeba řešit odlišným redakčním systémem.
Požadované funkční prvky nové verze webových stránek byly:
- propojení informací o produktech a jejich skladových zásobách se stávajícím informačním systémem používaným ve společnosti Prefa Brno a.s.
- konfigurátor plotových systémů, kde by si zákazníci volili typ plotu, jeho rozměry a barevné provedení
- nabídnout zákazníkům širší možnosti placení (hotově či kartou při převzetí, kartou online, bankovním převodem)
- lepší práce se způsobem dopravy a více možností volby doručení či vyzvednutí
Výsledné řešení
Před započetím samotné práce na nové verzi Beton E-shopu bylo třeba co nejvíce upřesnit, jaké funkce se od e-shopu očekávají a jakým způsobem je s e-shopem propojeno fungování výdejen a prodejen. Dalším úkolem, který vyžadoval pečlivou přípravu, bylo vytvoření předávání dat mezi informačním systémem AZ Pro ve společnosti Prefa Brno a.s. a novou verzí Beton E-shopu.
Grafický návrh a kódování
- Při přípravě grafického návrhu jsme se odrazili od předchozí verze e-shopu, do které zanesli řadu vylepšení a vylepšena byla i celková přehlednost stránek, aby se uživatelé lépe orientovali v prezentovaných informacích.
- Po odsouhlasení grafického zpracování úvodní stránky začala práce na návrzích jednotlivých podstránek jako je detail produktu, výpisy kategorií a další.
- Jakmile klient odsouhlasil všechny návrhy, kodéři dostali „zelenou“ a mohli se pustit do vytvoření šablony pro náš redakční systém.
Jaké moduly jsme při vytvoření e-shopu využili?
Abychom splnili klientovy požadavky, vložili jsme do stránek několik užitečných modulů. Mezi prvními bychom určitě měli zmínit modul „katalog výrobků“, který zprostředkovává práci s jednotlivými produkty. Umožňuje na stránkách nejen výpis výrobků, ale i jejich vyhledávání, filtraci a uspořádání do kategorií.
Možnosti běžné galerie rozšiřuje modul „inspirace“. Na zveřejněných fotografiích lze označit konkrétní produkty, uvést jejich název a odkaz na stránku s detailem. U konkrétních produktů potom může být snadno vygenerována galerie s danými výrobky, kde se zákazníci inspirují konkrétní realizací.
Před spuštěním
Aby byla správa e-shopu co nejjednodušší, bylo naplánováno přenášení dat mezi informačním systémem AZ Pro a samotným e-shopem. Tato funkčnost, kterou se web odlišoval od jiných projektů, bylo třeba řádně ověřit a zkontrolovat. Komunikaci mezi informačním systémem a e-shopem jsme věnovali náležitou pozornost, neboť jakákoliv nedokonalost či chyba by způsobila zkreslení v datech. A vyplatilo se – nakonec zavádění této funkčnosti nepředstavovalo žádný zásadní problém.
Dále jsme před spuštěním do ostrého provozu provedli (stejně jako u jiných projektů) kontrolu zobrazení ve všech běžných prohlížečích. Ověřili jsme správné fungování měření návštěvnosti, připravili na stránkách základní SEO a prostor pro následné vylepšování.
Krátce po spuštění nového webu
Do záhlaví hlavní stránky jsme vložili klientovo video s prezentací betonových výrobků, což funguje jako skvělý prostředek pro upoutání návštěvníků e-shopu.
Během fungování se již zkraje postupně začaly objevovat nové požadavky na individuální úpravy nastavení a také potřeba neustále pracovat na optimalizaci obsahu pro vyhledávače.
Slovo závěrem
U nové verze Beton E-shopu (znovu se hodí zmínit) nešlo o prostý redesign, neboť z dřívějšího řešení mnoho nezůstalo - je v provozu v podstatě již celý rok a průběžně dochází k vylepšování a doplňování jak fotografií, tak i textů. Úspěšný e-shop by měl neustále přicházet s něčím novým, aby obstál v konkurenci jak na internetu, tak mezi tzv. kamennými obchody.
Co jsme přidali a vylepšili v roce 2024?
V následujícím roce po spuštění nové verze e-shopu jsme přišli s dalšími novinkami. Reagovali jsme nejen na požadavky klienta, ale přispěli i vlastními nápady, které zlepšily fungování e-shopu po stránce SEO i struktury obsahu.
Konfigurátor plotů
V roce 2024 jsme spustili přepracovaný konfigurátor plotů, který umožňuje zákazníkům vybrat plot intuitivnějším a snazším způsobem. Výběr oproti předchozí verzi probíhá v méně krocích a na konci se návštěvníci dozví výslednou cenu za plot s vybranými parametry a není třeba složitě počítat, kolik materiálu bude třeba pro stavbu plotu a za jakou cenu.
Konfigurátor byl navíc průběžně aktualizován, když v nabídce e-shopu přibyly nové barevné varianty některých prvků a možnosti osadit sloupky novými hlavicemi. V případě dalších změn v sortimentu betonových výrobků jsme připraveni konfigurátor opět upravit, aby byl nadále aktuální a relevantní.
Vylepšení SEO a konverzního poměru
Zaměřili jsme se na objednávkový proces a upravili jsme jej pro dosažení lepšího konverzního poměru. Pro zákazníka to představovalo vizuální úpravy a jednoznačnější provedení celým objednávkovým procesem.
Nově má e-shop SEO filtraci – stránky s aktivovanými filtry při prohlížení kategorií mají vlastní URL. Tato vlastnost pozitivně ovlivňuje vyhledávání na Google a SEO obecně.
Doprava betonových výrobků a další vylepšení
Proběhly změny a úpravy v sekci „doprava objednávek“, kde se rozšířil seznam odběrných míst a způsobů dopravy. V souvislosti s tím se aktualizoval a vylepšil způsob rozpočítání palet potřebných k dopravě produktů, aby lépe odrážel skutečný stav.
Synchronizace dat mezi e-shopem a informačním systémem AZ Pro se v roce 2024 posunula k vyšší efektivitě v předávání dat a začala lépe odrážet pracovní procesy.
U stránek s větším množstvím obsahu byla zavedena lepší definice jejich struktury a rozšířené možnosti, co se týče rozmístění obrázků a textů.
I v roce 2025 se e-shop dočkal dalších novinek
Během soustavné práce na vylepšování stránek jsme i v roce 2025 přišli s dalšími úpravami a zajímavými prvky, které zlepšují dojem uživatelů a SEO.
Atraktivnější stránka s detailem výrobku
- Nově byla k vybraným produktům přidána prohlídka ve formátu 360°. Takže si zákazníci mohou obhlédnout výrobek ze všech stran, aby měli lepší představu o jeho celkovém tvaru.
- Postupně doplňujeme u barevných variant výrobků obrázky s celým výrobkem místo pouhého náhledu povrchu.
- Při výběru varianty je u daného produktu zobrazen náhled na místě hlavního obrázku.
Propojování produktů
- U produktů v e-shopu lze nastavovat jejich příslušenství, a vzájemně tak propojovat různé produkty. Zákazníci si tak při nákupu mohou objednat související a doplňující produkty, aby měli objednávku kompletní (žlab a přidružený rošt).
- V rámci každé kategorie se dynamicky generuje nejprodávanější produkt.
Věnovali jsme se i administraci
Změn doznala i administrace v rámci objednávek a stahování dat z informačního systému AZ Pro. Cílem bylo, aby zákazníci i náš klient měli dokonalejší přehled o stavu objednávek. Z tohoto důvodu přibyla i editace objednávek pro snadnější správu a také jsme přidali možnost procházet statistiku objednávek.
Optimalizace zobrazování stránek e-shopu
Podívali jsme se na to, jak bychom mohli optimalizovat stránky, aby se zobrazovaly rychleji. Podařilo se nám zlepšit hodnocení metriky Google Page Insight tak, že jsme se zaměřili na lepší načítání obrázků a fontů. Lepší hodnoty nám Google naměřil také u parametru INP (Interaction to Next Paint), což představuje pružnost odezvy stránek na akce uživatele.
Rozdíly po a před
Hodnocení klientem
Podobné reference
GHV Trading: Nový web se sjednoceným katalogem a e-shopem
ARPEG: Redesign webu na míru pro dlouhodobý rozvoj
Redesign webu hotelu Continental
Nový web pro Elektrofyziku a systém Drypol®
Tvorba webu pro NANO - AUDIT
