Výzva
Vytvoriť globálny firemný web s prémiovou estetikou, ktorý spája viac trhov a jazykov, zrozumiteľne komunikuje produkty (acquiring, lokálne metódy, business účty) a zároveň slúži ako vstupný bod do Obchodníckeho portálu a Internet bankingu. Popritom dodať demoshop a webovú aplikáciu demonštrujúcu reálne toky platieb vrátane mobilných peňaženiek a regionálnych metód.
Riešenie
- Custom téma na WordPresse s Bootstrap gridom (len potrebné moduly) a vlastným design systémom (tokens, spacing, radius, tieňovanie).
- ACF cez kód (PHP): registrácia field groups, vlastné bloky/šablóny, repeatery pre produkty, prípadové štúdie a podcasty. JSON export vo verziovaní.
- Polylang: konzistentný multijazyčný setup (SK / CZ / EN),
hreflang, string translations, jazykové switchery a lokálne variácie textov a CTA. - Custom knižnice: ľahké ES moduly (carousel, tabs, accordions, masonry), lazy-loading, optimalizácia SVG ikon a grafických prvkov.
- Prepojenie na systémy: výrazné a bezpečné prelinkovanie na Obchodnícky portál a Internet banking (header, footer, kontextové CTA).
- Formuláre cez API: validácia na fronte aj backende, antispam (honeypot + rate limit), reCAPTCHA, CSRF tokeny, bezpečné logovanie a alerty.
- Podcasty: vlastný CPT
podcast+ ACF (epizóda, hostia, platformy), embed prehrávač, transcript, kategórie/štítky. - Prémiové UI/UX: sticky subnav, mikrointerakcie, „in-page“ CTA, obsahové karty, plynulé anchor scrollovanie, vyladené stavy fókusov.
Projekt si vyžiadal detailné plánovanie informačnej architektúry, opakované iterácie nad prístupnosťou (a11y) a precíznu optimalizáciu výkonu. Vďaka kódovým ACF a modulárnym šablónam je správa obsahu rýchla a udržateľná aj pri rozširovaní na ďalšie trhy.
Demoshop & webová aplikácia
Súčasťou dodávky je custom demoshop a sprievodná webová aplikácia, kde si je možné reálne vyskúšať platby a toky pre rôzne krajiny. Demoshop obsahuje prepínač jazykov (EN/SK/CS), výber krajiny/regionálneho profilu (napr. Austria, Belgium, China, Slovakia, …) a mobilné peňaženky (Google Pay, Apple Pay). Košík je ilustrovaný na položke „Shoes — Copper 1.0“ s rozpisom položiek a DPH, pričom výsledná suma sa prispôsobuje voľbám používateľa.
- Jazyky: EN / SK / CS (rýchly prepínač priamo v UI demoshopu).
- Krajiny: Global + európske trhy (AT, BE, CZ, DE, IT, NL, PL, PT, SK, …) aj „Custom“ profil.
- Metódy: Google Pay, Apple Pay a lokálne metódy podľa výberu krajiny.
- UX: prehľadná rekapitulácia objednávky (produkt, množstvo, subtotal, daň, total) a okamžité CTA na platbu.
Demo nájdeš tu: finby.com/demoshop/app.php
Oznamy a UX prvky
- „Prečo Finby“ (USP) s dôrazom na lokálne metódy a cross-border benefity.
- Rýchly dopyt (modálny formulár) naprieč webom — napojený na API, bezpečne logovaný.
- Prípadové štúdie, FAQ so schema a inšpirácia (masonry galéria).
Technická skladba
- WordPress s custom témou (bez vizuálnych builderov), pripravené pre dlhodobé verzovanie.
- Bootstrap (grid + utilities) + vlastné utility triedy a komponenty.
- ACF via code (PHP) — JSON export, migrácie polí cez deploy pipeline.
- Polylang —
hreflang, translácie cezpll__()/pll_register_string(), konzistentné URL. - Bezpečnosť — CSP/headers, reCAPTCHA, CSRF, honeypot, rate limiting, hardening prihlásenia.
- Prístupnosť — kontrasty, fókusy, rolové atribúty, klávesnica.
