kvetyjanka.sk

Aplikácia obsahuje plne funkčný e-shop a vlastnú administračnú časť pre každodennú správu webu.

Zákaznícka časť obsahuje:

• prehľad produktov podľa kategórií a filtrovanie ponuky,
• detail produktu s mini galériou, fullscreen náhľadom a súvisiacimi produktmi,
• nákupný košík a viac-krokový checkout,
• osobný odber alebo donášku podľa dostupnej lokality,
• platbu cez GoPay kartou, Google Pay alebo Apple Pay,
• automatické vytvorenie faktúry po potvrdení platby,
• používateľský profil s históriou a detailom objednávok,
• registráciu, prihlásenie a bezpečný reset hesla,
• galériu realizácií,
• články rozdelené do tematických kategórií – meniny, sviatky, príležitosti, inšpirácie a praktické rady,
• samostatné informácie o donáške a cenníku donášky,
• FAQ a zákaznícke informačné stránky,
• obchodné podmienky pre obe pobočky, reklamačný poriadok, ochranu osobných údajov a odstúpenie od zmluvy.

Administrácia umožňuje:

• spravovať produkty, kategórie, dostupnosť, obrázky a soft-delete,
• spravovať galériu, highlight obsah a ďalšie časti homepage,
• spravovať objednávky, ich stav, platbu a spôsob doručenia,
• vytvárať telefonické a manuálne objednávky priamo v administrácii,
• generovať a spravovať faktúry a dobropisy,
• spravovať používateľov a zákaznícke údaje,
• spravovať pobočky a ich údaje,
• upravovať statické stránky a obsah webu bez externého CMS,
• centrálne zobrazovať aplikačné, administračné, GoPay a ďalšie technické logy,
• sledovať problematické záznamy bez potreby manuálneho prezerania log súborov,
• zobrazovať vybrané GA4 štatistiky priamo v administračnom rozhraní,
• priebežne rozširovať reporting o ďalšie zdroje, vrátane plánovaného napojenia dát z Google Search Console.

Verejná časť webu prešla kompletným vizuálnym a responzívnym redesignom. Cieľom nebolo iba zmeniť farby, ale vytvoriť jednotný systém komponentov, ktorý funguje od malého mobilu až po veľký desktop.

• samostatný svetlý a tmavý režim,
• nová responzívna navigácia s mobilným menu a používateľským dropdownom,
• nová homepage s hero sekciou, meninami, sviatkami, odporúčaniami, produktmi, galériou, článkami a pobočkami,
• samostatný dizajn pre ponuku, detail produktu, košík, checkout, profil, články a statické stránky,
• sticky filtre a tematická navigácia tam, kde pomáhajú pri dlhšom obsahu,
• responzívne tabuľky a mobilné kartové zobrazenia,
• vlastné Bootstrap modaly namiesto systémových alertov a confirm dialógov,
• centrálne toast notifikácie pre úspech, chybu, upozornenie a informáciu,
• keyboard/focus stavy a priebežná kontrola prístupnosti pomocou WAVE, W3C a Lighthouse.

Projekt priebežne prechádza technickou a výkonnostnou optimalizáciou. Zmeny sa nerobia iba podľa skóre nástrojov, ale podľa reálneho dopadu na načítanie a používanie stránky.

• obrázky sú optimalizované do WebP a používajú pevné rozmery, správny object-fit a lazy loading mimo kritického obsahu,
• hero obrázky majú samostatné desktopové a mobilné varianty,
• CSS je rozdelené na globálnu vrstvu a samostatné štýly väčších public stránok,
• source a minifikované CSS zostávajú synchronizované,
• JavaScript sa načítava podľa potreby a kritické správanie sa neminifikuje mechanicky bez následného testovania,
• slider komponenty sa inicializujú až podľa reálneho počtu položiek a breakpointov,
• odstránené boli desiatky nepoužívaných CSS, JS, fontových a obrazových assetov,
• frontend bol kontrolovaný cez PageSpeed Insights, WAVE, W3C HTML/CSS validator a nové kontroly dostupnosti pre AI agentov.

Po redizajne dosahuje verejná časť v opakovaných mobilných Lighthouse testoch približne 87–91 bodov za výkon a 100 bodov za prístupnosť, odporúčané postupy a SEO. Kontrola dostupnosti pre AI agentov dosahuje 3/3.