Vývoj firemného webu s CRM pre INNOVA ECO mont bol od začiatku výrazne rozsiahlejší, než sa pôvodne predpokladalo. Postupne vznikol web s administráciou, konfigurátormi, servisným formulárom, SEO riešením a Consent Mode V2. Pri niektorých projektoch je už po pár dňoch jasné, že nepôjde o obyčajnú prezentačnú stránku. Presne to bol aj prípad webu pre INNOVA ECO mont. Pôvodne sa počítalo s jednoduchším firemným webom, no postupne z toho vznikol rozsiahly online systém s desiatkami podstránok, produktovými rozcestníkmi, konfigurátormi, vlastným CRM, servisným formulárom, cookies riešením podľa Consent Mode V2 aj technickým SEO základom pripraveným pre ďalší rast.
Vývoj firemného webu s CRM pre INNOVA ECO mont
Pri vývoji webových stránok sa často stáva, že pôvodné zadanie sa počas spolupráce prirodzene rozšíri. Klient začne dopĺňať ďalšie sekcie, nové podklady, fotografie, texty, technické požiadavky a postupne sa ukáže, že nestačí len „pekná stránka“. Treba navrhnúť systém, ktorý bude fungovať obchodne, technicky aj prevádzkovo.
Presne takto vznikal aj web pre spoločnosť INNOVA ECO mont. Nešlo len o vytvorenie modernej prezentácie firmy. Cieľom bolo postaviť vývojovo aj obsahovo rozsiahly firemný web s administráciou, CRM systémom, formulármi, konfigurátormi, servisnou sekciou a silným technickým základom pre SEO aj ďalší rozvoj.
Pre nás vo FinalVision bol tento projekt krásnym príkladom toho, čo v praxi znamená vývoj firemného webu s CRM na mieru.
Čo všetko web obsahuje
Finálny rozsah projektu sa posunul ďaleko za hranicu bežnej prezentačnej stránky. Web dnes obsahuje viacero hlavných produktových sekcií, desiatky samostatných podstránok a množstvo technických riešení, ktoré klientovi uľahčujú každodennú prácu s dopytmi.
Na webe sme pripravili najmä:
- hlavnú firemnú prezentáciu s jasnou štruktúrou služieb
- samostatné produktové sekcie pre okná a dvere, tienenie a sieťky, pergoly a prístrešky, zimné záhrady, ploty a oplotenie, zasklenia a zábradlia, otočné lamely a slnolamy
- servisnú sekciu s vlastným formulárom pre nahlásenie poruchy alebo servisného zásahu
- produktové rozcestníky a detailné podstránky podľa dodaných podkladov
- konfigurátory pre vybrané typy riešení
- možnosť nahrávania príloh, fotografií a PDF
- interné CRM pre správu dopytov
- automatické potvrdzovacie e-maily
- cookies riešenie s Consent Mode V2
- právne dokumenty
- technické SEO prvky vrátane sitemap, canonical tagov, Open Graph meta tagov a llms.txt
Toto všetko z webu nerobí len online vizitku, ale plnohodnotný obchodný a prevádzkový nástroj.
Produktové sekcie neboli len „stránky“, ale informačná architektúra
Jednou z najväčších častí projektu bolo spracovanie produktových podkladov. Klient dodal veľké množstvo Word dokumentov, fotografií, číslovaných podkladov a technických popisov. Nestačilo ich len nahádzať na web.
Bolo potrebné vytvoriť logickú informačnú architektúru, aby sa návštevník na webe vedel zorientovať. Preto sme pri viacerých produktových oblastiach navrhli systém rozcestníkov a samostatných podstránok.
Namiesto jedného dlhého neprehľadného bloku vznikli tematické celky, v ktorých si návštevník vie vybrať konkrétnu kategóriu a pokračovať ďalej do detailu. Tento prístup je dobrý nielen z pohľadu používateľského zážitku, ale aj z hľadiska SEO. Každá dôležitá téma má vlastnú URL, vlastný titulok, vlastný meta popis a vlastný obsahový kontext.
Pri tvorbe takéhoto riešenia je vývoj webovej stránky na mieru oveľa zaujímavejší než používanie hotových šablón. Štruktúra je postavená presne podľa reálneho podnikania klienta, nie podľa univerzálneho template.
Konfigurátory ako kvalitnejší zdroj dopytov
Bežný kontaktný formulár je síce základ, ale pri produktoch ako pergoly, zasklenia, tienenie alebo slnolamy to nestačí. Klient potrebuje vedieť viac než len meno a telefónne číslo.
Preto sme na webe vytvorili viacero konfigurátorov, v ktorých si návštevník vie zvoliť typ riešenia, rozmery, farebnosť, poznámky a v prípade potreby priložiť aj fotografiu alebo PDF podklad.
Výsledkom je podstatne kvalitnejší dopyt. Klient v administrácii okamžite vidí, čo zákazník riešil, o aký produkt išlo, aké rozmery zadal a či priložil ďalšie podklady. Takýto web s konfigurátorom má pre firmu reálnu obchodnú hodnotu, pretože šetrí čas a znižuje počet nepresných dopytov.
Servisná sekcia ako samostatný funkčný celok
Veľmi dôležitou súčasťou projektu sa stala aj servisná stránka. Nešlo len o doplnenie ďalšieho formulára, ale o vytvorenie samostatného procesu pre servisné požiadavky.
Na stránke servis vie zákazník detailne opísať problém, zvoliť typ servisovaného prvku, uviesť lokalitu zásahu, prioritu, počet kusov a doplniť fotku alebo PDF. To výrazne zjednodušuje prípravu cenovej ponuky aj samotného servisného zásahu.
Práve takáto funkcionalita odlišuje obyčajný firemný web od praktického nástroja, ktorý klientovi denne pomáha.
CRM systém priamo v administrácii webu
Jednou z najväčších pridaných hodnôt projektu je interná administrácia s CRM. Klient tak nemusí riešiť dopyty len cez e-mailovú schránku.
V administrácii vidí:
- všetky prijaté dopyty
- ich stav
- prílohy
- interné poznámky
- históriu komunikácie
- odpovede odoslané zákazníkom
- servisné dopyty aj klasické obchodné dopyty na jednom mieste
Dopyty je možné prepínať medzi stavmi, dopĺňať interné poznámky, odpovedať priamo z administrácie a zároveň mať celú históriu komunikácie uloženú pri konkrétnom kontakte.
Z technického pohľadu to znamenalo navrhnúť nielen samotné rozhranie, ale aj logiku ukladania dát, odosielania e-mailov, práce s prílohami a bezpečného mazania záznamov aj súborov zo servera.
Takýto firemný web s administráciou už v praxi supluje jednoduchý CRM systém.
Práca s prílohami a optimalizácia nahrávaných súborov
Pri formulároch a konfigurátoroch sme riešili aj praktickú stránku uploadu. Keď používateľ nahrá 5 až 6 MB fotografiu priamo z mobilu, môže to byť zbytočne pomalé a nekomfortné.
Preto sme nastavili spracovanie príloh tak, aby sa obrázky ešte pred odoslaním automaticky zmenšovali a optimalizovali. Tým sa zrýchlilo odosielanie formulárov a znížilo zaťaženie servera. Zároveň sme doplnili priebeh odosielania cez progress bar, aby používateľ vedel, že sa formulár reálne spracúva.
To sú presne tie detaily, ktoré na hotovej stránke nie sú na prvý pohľad viditeľné, ale v praxi výrazne zlepšujú použiteľnosť.
Cookies, Consent Mode V2 a právny základ
Ďalšou samostatnou témou bolo správne nastavenie cookies. Web sme nepripravovali len vizuálne, ale aj technicky a právne.
Súčasťou riešenia je:
- cookies lišta
- cookies modal s nastaveniami
- samostatný cookies dokument
- podpora Google Consent Mode V2
- prepojenie na GA4 alebo GTM podľa nastavenia v administrácii
To znamená, že analytické a marketingové meranie sa nespúšťa automaticky bez súhlasu návštevníka. Zároveň je klient pripravený aj na budúce nasadenie meracích a reklamných nástrojov bez potreby celého webu prerábať nanovo.
Popri tom sme pripravili aj obchodné podmienky a ochranu súkromia, aby mal web základný právny rámec v poriadku.
Technické SEO ako základ pre ďalší rast
Pri takto rozsiahlej stránke je technické SEO kľúčové. Nestačí mať len pekný dizajn a pár kľúčových slov v texte.
Na projekte sme riešili:
- unikátne SEO titulky a meta popisy
- canonical URL
- Open Graph a Twitter meta tagy
- sitemap
- robots.txt
- schema.org štruktúrované dáta
- lokálny SEO kontext pre Nitra
- llms.txt pre lepšiu orientáciu AI nástrojov
Pri viacerých hlavných sekciách sme nastavili titulky a popisy tak, aby mali zmysel aj z pohľadu lokálneho vyhľadávania. To je dôležité najmä pri dopytoch typu pergoly Nitra, okná Nitra, servis okien Nitra alebo zasklenie terasy Nitra.
Zároveň sme riešili aj náhľady pre sociálne siete, aby sa pri zdieľaní URL zobrazovali korektné obrázky a popisy.
Responzivita a množstvo detailov, ktoré si vyžiadali ladenie
Pri väčšom projekte sa veľa času nestrávi len tvorbou nových sekcií, ale najmä ladením detailov. A práve tu sa rozhoduje o tom, či web pôsobí profesionálne.
Na tomto projekte sme priebežne riešili:
- mobilné zobrazenie konfigurátorov
- bezpečné prekrytie systémových líšt v mobile
- funkčnosť zatvárania modalov
- správanie hamburger menu
- white-space a vizuálne rozloženie sekcií
- svetlé a tmavé varianty loga podľa pozadia
- footer, kontaktné bloky a adresy
- jednotný vzhľad tlačidiel
- konzistentnosť formulárov v administrácii
- lightbox galérie
- zobrazenie podkladových obrázkov v jednotlivých sekciách
- cachovanie a praktické správanie po nasadení zmien
Práve toto býva pri reálnom projekte obrovská časť práce. Vývoj rozsiahleho firemného webu nie je len o dizajne a kóde, ale o sérii rozhodnutí, kontrol, testov a opráv, ktoré postupne robia web lepším.
Koľko toho bolo reálne spracovaného
Z pohľadu rozsahu išlo o výrazne väčší projekt, než sa na začiatku predpokladalo. Postupne vznikol web s desiatkami verejných stránok, množstvom detailných produktových podstránok a stovkami použitých vizuálnych podkladov.
Spracovanie zahŕňalo:
- veľké množstvo textových podkladov
- preklad a úpravu častí obsahu
- optimalizáciu a konverziu fotografií
- návrh informačnej architektúry
- implementáciu administrácie
- vývoj CRM logiky
- napojenie formulárov
- technické SEO
- právne dokumenty
- cookies a consent riešenie
- responzívne ladenie naprieč zariadeniami
Takýto rozsah už je skôr vývojový projekt než obyčajná webstránka.
Čo si z toho odnášame vo FinalVision
Pre nás bol tento projekt krásnou ukážkou toho, prečo má vývoj firemného webu s CRM na mieru stále veľký zmysel. Klient nedostal len dizajnovo pekný web, ale funkčný systém, ktorý mu pomáha získavať, spracovávať a vybavovať dopyty.
Takéto riešenia majú najväčšiu hodnotu vtedy, keď spájajú:
- prehľadný dizajn
- kvalitný obsah
- obchodnú logiku
- technické SEO
- jednoduchú správu pre klienta
A presne o to nám pri tomto webe išlo.
Web pre INNOVA ECO mont je príkladom toho, ako sa z jednoduchého zadania môže stať rozsiahly a plnohodnotný digitálny nástroj. Obsahuje produktové podstránky, konfigurátory, servisný formulár, CRM administráciu, právne dokumenty, technické SEO aj moderné cookies riešenie.
Ak aj ty riešiš vývoj webovej stránky na mieru, firemný web s administráciou alebo web s CRM systémom, radi ti vo FinalVision navrhneme riešenie, ktoré nebude len pekne vyzerať, ale bude reálne fungovať aj v každodennej praxi.
Máte nápad na nový projekt?
Pomôžeme vám premeniť víziu na realitu. Či už ide o web, automatizáciu alebo marketing, sme pripravení posunúť váš biznis vpred.
