@repo/ui — sekčné komponenty

Testovacia plocha sekcií

Neutrálne demá nových sekčných komponentov: dôvera a dôkazy, rozhodovanie a konverzia, služby a procesy, produktové UI. Všetok obsah je ukážkový.

1 · Dôvera a dôkazy — ProofBentoGrid

Dôveryhodnosť

Prečo sa na nás môžete spoľahnúť

Ukážkový obsah — hodnotenia, čísla a poznámky prichádzajú z aplikácie.

  • S priebehom aj výsledkom sme boli veľmi spokojní. Komunikácia bola rýchla a jasná.
    Ukážkový klientMartin

  • 12

    rokov skúseností v odbore

  • Ukážková realizácia

    2026

  • Ako postupujeme

    Obhliadka, cenová ponuka, realizácia a odovzdanie.

  • Poznámka

    Všetky podklady odovzdávame v elektronickej podobe.

    Interná zásada

1 · Dôvera a dôkazy — TrustLedger

Férový prístup

Čo u nás platí — a čo závisí od projektu

Každé tvrdenie má jasný stav overenia.

  • Overené

    Cenovú ponuku pošleme do 48 hodín

    Po obhliadke dostanete písomnú ponuku e-mailom.

  • Priebežne

    Počas realizácie posielame fotodokumentáciu

    Fotky z priebehu prác posielame raz týždenne.

  • Podľa projektu

    Termín dokončenia závisí od rozsahu

    Menšie zákazky do dvoch týždňov, väčšie dohodou.

  • Obmedzenie

    Nepracujeme mimo regiónu Turiec

    Sústredíme sa na zákazky v dostupnej vzdialenosti.

1 · Dôvera a dôkazy — CaseStudyTimeline

Prípadová štúdia

Ukážkový projekt od zadania po odovzdanie

Neutrálny demo obsah — kroky, obrázok aj výsledok prichádzajú z aplikácie.

  1. Fáza 1

    Úvodná konzultácia

    Spísanie požiadaviek a obhliadka na mieste.

  2. Fáza 2

    Návrh riešenia

    Príprava návrhu a odsúhlasenie rozsahu prác.

  3. Fáza 3

    Realizácia

    Práce podľa dohodnutého harmonogramu s priebežnými fotkami.

  4. Fáza 4

    Odovzdanie

    Kontrola kvality a odovzdanie s dokumentáciou.

Výsledok

Projekt odovzdaný v dohodnutom termíne a v plnej prevádzke.

1 · Dôvera a dôkazy — ImageStoryStrip (editorial)

Z terénu

Ako vyzerá naša práca v praxi

Ukážkové fotografie — v aplikácii ich nahradí ImageWithSkeleton.

  • Martin
    Hlavná ukážka realizácie.
  • Detail spracovania.
  • Vrútky
    Priebeh prác na mieste.
  • Stav po dokončení.

1 · ImageStoryStrip (strip)

Rovnaké dlaždice v páse

  • Záber 1
  • Záber 2
  • Záber 3
  • Záber 4

2 · Rozhodovanie — DecisionPath

Možnosti

Ktorá možnosť je pre vás?

Vyberte si podľa toho, kde sa práve nachádzate.

Ideálne ak

Začínate a potrebujete rýchlo profesionálnu prezentáciu.

Základný balík

Rýchly štart bez zbytočností.

  • Jedna stránka
  • Kontaktný formulár
  • Základné SEO
Najčastejšia voľba

Ideálne ak

Máte zabehnuté podnikanie a chcete rásť.

Rozšírený balík

Viac obsahu, viac priestoru na presvedčenie.

  • Do 6 podstránok
  • Galéria a referencie
  • Rozšírené SEO
  • Napojenie na mapy

Ideálne ak

Potrebujete niečo špecifické na mieru.

Individuálne riešenie

Rozsah a funkcie navrhneme spoločne.

  • Analýza potrieb
  • Návrh na mieru
  • Priebežné konzultácie

2 · Rozhodovanie — FitGuide

Úprimne

Je táto služba pre vás?

Radšej to povieme vopred — ušetríme čas obom stranám.

Sme pre vás, ak…

  • chcete web, ktorý má priniesť zákazky, nie len existovať
  • viete opísať, čo ponúkate a pre koho
  • vyhovuje vám priama komunikácia

Nie sme pre vás, ak…

  • hľadáte najlacnejšie riešenie na trhu
  • potrebujete rozsiahly e-shop so stovkami produktov
  • web potrebujete do 48 hodín

Ak si nie ste istí, ozvite sa — povieme vám to na rovinu.

2 · Rozhodovanie — ObjectionResolver (split)

Vaše obavy

Možno si práve hovoríte…

Nerozumiem technickým veciam, budem na to sám?

Nie. Všetko technické zabezpečíme my — vy dodáte len informácie o svojom podnikaní.

Celý proces zvládnete cez e-mail alebo telefón.

Čo ak sa mi výsledok nebude páčiť?

Návrh ladíme spoločne v priebežných kolách, takže výsledok nikdy nie je prekvapenie.

Pripomienky sú súčasťou ceny, nie príplatok.

Nebudem potom závislý od jednej firmy?

Web aj doména sú vaše. Ak sa rozhodnete odísť, všetko si beriete so sebou.

2 · Rozhodovanie — ScopeMatrix

Rozsah

Čo je v cene a čo nie

Žiadne drobné písmo — presný rozsah dohodneme vopred.

Obsah a texty

  • Štruktúra stránok

    V cene

  • Úprava dodaných textov

    Texty dodáva klient, my ich upravíme pre web.

    V cene

  • Copywriting na mieru

    Voliteľné

  • Preklady do cudzích jazykov

    Nie je v cene

Technické zabezpečenie

  • Responzívny dizajn

    V cene

  • Základné SEO nastavenie

    V cene

  • Pravidelná správa obsahu

    Mesačný balík úprav.

    Voliteľné

  • Online reklamné kampane

    Nie je v cene

Voliteľné položky naceníme samostatne podľa rozsahu.

2 · Rozhodovanie — PriceFactors

Cena

Od čoho závisí cena

Namiesto jednej ceny pre všetkých — toto sú faktory, ktoré ju reálne ovplyvňujú.

  • Počet podstránok

    Každá podstránka znamená návrh, obsah a testovanie navyše.

    Veľký vplyv

  • Pripravenosť podkladov

    Hotové texty a fotografie prácu výrazne urýchlia.

    Stredný vplyv

  • Kontaktný formulár

    Bežný formulár je súčasťou každého webu.

    Malý vplyv

  • Špeciálne funkcie

    Rezervácie, cenníky, galérie — závisí od konkrétnej požiadavky.

    Podľa rozsahu

Presnú cenu povieme po krátkom telefonáte — zvyčajne do jedného pracovného dňa.

2 · Rozhodovanie — QuoteTriggerPanel

Prvý krok

Čo nám poslať, aby sme vedeli odpovedať

Nemusíte mať nič pripravené dokonale — stačí pár základných informácií.

Stačí nám

  • Čomu sa venujete a pre koho
  • Čo od webu očakávate
  • Telefón alebo e-mail na vás

Pomôže aj

  • Odkazy na weby, ktoré sa vám páčia
  • Existujúce logo alebo fotografie
  • Predstava o termíne

Ozveme sa do 24 hodín s konkrétnymi otázkami alebo rovno s návrhom postupu.

3 · Služby — ServiceScenarioExplorer (rail)

Služby

Spoznávate sa v niektorej situácii?

Vyberte si podľa toho, čo práve riešite — nie podľa názvu služby.

  • Zákazníci si nás nevedia nájsť online.

    Prezentačný web

    Jednoduchá stránka s jasným kontaktom a ponukou.

    • Responzívny dizajn
    • Kontaktný formulár
    • Základné SEO

  • Web máme, ale pôsobí zastaralo.

    Redizajn webu

    Modernizácia vzhľadu bez straty obsahu.

    • Nový vizuál
    • Rýchlejšie načítanie

  • Potrebujeme prijímať objednávky cez internet.

    Objednávkový modul
    • Formulár objednávky
    • E-mailové notifikácie

3 · Služby — ProcessMap (map)

Postup

Ako spolupráca prebieha

Od prvého kontaktu po spustenie webu.

  1. 1

    Úvodná konzultácia

    Prejdeme si ciele a rozsah projektu.

    30 min
  2. 2

    Návrh riešenia

    Pripravíme štruktúru a cenovú ponuku.

    3 dni
  3. 3

    Realizácia

    Postupné odovzdávanie a spätná väzba.

  4. 4

    Spustenie

    Nasadenie, meranie a odovzdanie prístupov.

3 · Služby — RealityCheckBlock

Na rovinu

Čo je dobré vedieť vopred

Radšej povieme veci otvorene hneď na začiatku.

  • Web sám o sebe neprinesie zákazníkov zo dňa na deň.

    Ako to riešime

    Nastavíme základné SEO a meranie, aby ste videli, čo funguje.

  • Obsah a fotografie musí dodať klient.

    Ako to riešime

    Pripravíme presný zoznam podkladov a pomôžeme s textami.

  • Termín dodania závisí od rýchlosti spätnej väzby.

    Ako to riešime

    Dohodneme si pevné kontrolné body vopred.

4 · Produkt — AppPreviewFrame (browser)

Prehľad aplikácie

Skutočná snímka obrazovky v prehliadačovom ráme.

www.ukazka.sk/prehlad

  1. Navigácia

    Hlavné sekcie na jednom mieste.

  2. Prehľad dát

    Aktuálne čísla bez klikania.

  3. Rýchle akcie

    Najčastejšie úkony na dosah.

4 · Produkt — DocumentFlowPreview

Postup

Od prázdnej šablóny k hotovému dokumentu

Tri kroky bez zložitých nastavení.

  1. Vyberte šablónu

    Začnite pripraveným rozložením.

  2. Doplňte údaje

    Formulár vás prevedie položkami.

  3. Stiahnite PDF

    Hotový dokument na jedno kliknutie.

4 · Produkt — EmptyState (tri tóny)

Žiadne záznamy

Zatiaľ tu nič nie je.

Začnite prvým dokumentom

  • Dáta ostávajú vo vašom prehliadači.
  • Kedykoľvek to viete zmeniť.

Načítanie zlyhalo

Skúste to znova.

5 · Rozbory — ProjectTeardown

Rozbor projektu

Prečo tento web vyzerá práve takto

Každé rozhodnutie v projekte malo dôvod — tu je rozbor tých najdôležitejších.

  1. 1

    Jedna stránka namiesto piatich

    Návštevník hľadá jednu odpoveď — cenu a kontakt. Rozdelenie na podstránky by ho len spomalilo.

    Kratšia cesta ku kontaktu.

  2. 2

    Cenník priamo na úvodnej stránke

    Skrytý cenník pôsobí podozrivo a zvyšuje počet zbytočných dopytov.

    Dopyty prichádzajú pripravenejšie.

  3. 3

    Fotografie z reálnych zákaziek

    Ilustračné fotografie z fotobanky dôveru skôr znižujú.

Predtým

Potom

5 · Porovnania — ComparisonNarrative

Porovnanie

Šablóna alebo web na mieru?

Obe cesty majú zmysel — záleží, čo od webu čakáte.

Hotová šablóna

Rýchly štart s obmedzeným priestorom na úpravy.

  • Nižšia vstupná cena
  • Spustenie za pár dní
  • Vzhľad zdieľaný s inými webmi

Web na mieru

Stavaný presne na vašich zákazníkov a obsah.

  • Dizajn podľa značky
  • Rastie s podnikaním
  • Rýchlosť a SEO od základu

  • Čas spustenia

    Hotová šablóna

    Dni

    Web na mieru

    2–4 týždne

  • Úpravy v budúcnosti

    Hotová šablóna

    Obmedzené možnosti šablóny

    Web na mieru

    Čokoľvek, čo dáva zmysel

Ak potrebujete web na jednu sezónu, šablóna stačí. Ak má web roky privádzať zákazníkov, oplatí sa riešenie na mieru.

5 · Vlastnosti — FeatureSpotlight (left)

Funkcia zblízka

Obsah si upravíte sami

Texty, fotografie aj cenník zmeníte bez programátora — v jednoduchom rozhraní.

  • Úprava textov za minútu

    Zmeny sa prejavia okamžite, bez čakania.

  • Bezpečné náhľady

    Zmenu vidíte skôr, než ju zverejníte.

5 · Lokálnosť — LocalAreaProof

Kde pôsobíme

Sme z Turca a poznáme ho

Pracujeme pre firmy a živnostníkov v okrese Martin a okolí.

Sídlime v Martine — na osobné stretnutie prídeme kamkoľvek v regióne.

  • Martin
  • Vrútky
  • Turany
  • Sučany
  • Kláštor pod Znievom

Fixný prvok — StickyProofCTA

StickyProofCTA — lišta pri spodnom okraji obrazovky s dôverovým textom a akciami (na tejto stránke so showOnDesktop, aby bola viditeľná aj na desktope). Nikdy nekombinovať s FloatingContactDock (ten je demovaný na /konverzie).

Nezáväzná odpoveď do 24 hodín