KATALÓG BLOKOV
Vyberajte bloky podľa toho, čo chcete na webe dosiahnuť.
Začnite cieľom: vysvetliť službu, ukázať fotografie, vzbudiť dôveru či získať dopyt. Preskúmajte 67 slovenských návodov s vysvetleniami a ukážkami.
Čo chcete pomocou stránky dosiahnuť?
Začnite svojím cieľom a vyberte vhodný typ obsahu.
Chcem výrazný úvod →
Jedno hlavné posolstvo, vhodný obrázok a jasný ďalší krok.
Chcem vysvetliť službu →
Nadpisy, texty, zvýraznenia, citáty a fotografie vedľa vysvetlení.
Chcem ukázať, nielen opisovať →
Fotografie, videá, galérie, prezentácie a interaktívne prvky.
Chcem vyrozprávať príbeh →
Karty, časové osi, záložky a postupné sekcie, ktoré návštevníka sprevádzajú.
Chcem budovať dôveru →
Overiteľné čísla, skutočné hodnotenia, partnerské logá a predstavenie tímu.
Chcem priviesť ľudí k akcii →
Tlačidlá, formuláre, rezervácie, ceny a dokumenty na stiahnutie.
Úvodné sekcie
Vyberte začiatok podľa toho, či je dôležitejší text, fotografia alebo pohyb.
Úvodná sekcia na stred →
Čistý priestor s nadpisom a tlačidlom, keď je hlavné posolstvo dôležitejšie než obrázok.
Úvod s obrázkom vedľa →
Text opisuje ponuku a fotografia ukazuje produkt alebo výsledok.
Úvod s fotografiou na pozadí →
Výrazný záber vytvorí prvý dojem a atmosféru miesta, produktu či značky.
Úvod s videom →
Krátke tiché video dopĺňa nadpis a tlačidlo, keď pohyb vysvetľuje viac než fotografia.
Text a redakčný obsah
Prehľadné vysvetlenie, hierarchia a zvýraznenie hlavných myšlienok.
Nadpis →
Usporadúvajte nadpisy a podnadpisy tak, aby stránka mala jasnú štruktúru.
Formátovaný text →
Odseky, zoznamy, podnadpisy a dlhšie vysvetlenia.
Zvýraznený box →
Zdôraznite pravidlo, upozornenie alebo dôležitú myšlienku v niekoľkých štýloch.
Citát →
Slová konkrétnej osoby alebo významný výrok s voliteľným vysvetlením.
Obrázok s textom →
Fotografia pri dlhšom texte na predstavenie firmy, príbehu či postupu.
Zvýraznené tvrdenie →
Jedna až dve veľké vety, ktoré sa pri posúvaní postupne odhalia.
Pohyblivý text →
Pás krátkych výrazov s plynulým pohybom a možnosťou zastavenia.
Fotografie a video
Ukážte skutočné produkty, výsledky, priestory a zážitky.
Obrázok →
Jedna výrazná fotografia s voliteľným popisom.
Video →
Vloženie YouTube alebo Vimeo, priamo alebo cez náhľadový obrázok.
Fotogaléria →
Fotografie v mriežke, mozaike či vodorovnom rade s možnosťou zväčšenia.
Prezentácia →
Viaceré fotografie alebo posolstvá v jednom priestore s rôznymi prechodmi.
Pred a po →
Porovnanie dvoch skutočných stavov pomocou posúvateľnej deliacej čiary.
Obrázok s interaktívnymi bodmi →
Klikateľné vysvetľujúce body odhaľujú podrobnosti fotografie.
Dvojica obrázkov →
Dve fotografie prekryté, naklonené alebo usporiadané stupňovito.
Hromada fotografií →
Polaroidy, ktoré možno prekladať, posúvať a zväčšovať.
Zväčšujúci sa obrázok →
Fotografia či krátke video sa pri posúvaní zväčší na celú obrazovku.
Rozloženie a vizuálne rozprávanie
Kroky, príbehy, kompozície a pohyb, ktoré vedú návštevníka obsahom.
Karty →
Ponuky, stránky a články v mriežke, posúvateľnom rade alebo mozaike.
Prekrývajúce sa karty →
Postupné kroky na kartách, ktoré sa pri posúvaní prekrývajú.
Príbeh pri posúvaní →
Obrázok zostáva viditeľný, zatiaľ čo sa vedľa neho mení vysvetlenie.
Stĺpce →
Vlastné kombinácie blokov v dvoch alebo troch stĺpcoch.
Záložky →
Viac skupín informácií, medzi ktorými možno prepínať.
Časová os →
Kroky či udalosti v zvislom alebo vodorovnom poradí.
Interaktívne obrazové panely →
Panely, ktoré sa po výbere rozšíria alebo otočia.
Vodorovné posúvanie obsahu →
Karty, obrázky a kapitoly postupujú do strany pri posúvaní stránky.
Zoznam s odhaľovanými obrázkami →
Pri výbere riadku sa zobrazí jeho fotografia.
Príbehy →
Zvislé fotografie a krátke texty v kruhoch či kartách, otvorené na celú obrazovku.
Štruktúra a navigácia
Pomôžte ľuďom zorientovať sa a nájsť súvisiace informácie.
Rozbaľovacie sekcie →
Podrobnosti ukryté v otvoriteľných častiach namiesto dlhého textu.
Navigačná cesta →
Zobrazuje, kde sa aktuálna stránka nachádza a ako sa vrátiť vyššie.
Hlavička obsahu →
Jednotný nadpis, úvod a údaje článku či podujatia.
Oddeľovač →
Nenápadne oddelí dve časti stránky.
Voľné miesto →
Pridá zvislý odstup, keď sekcie potrebujú priestor.
Zoznam odkazov →
Externé články, mediálne zmienky a zdroje s názvami a dátumami.
Dôvera a dôkazy
Čísla, skúsenosti a ľudia, ktorí podkladajú vaše tvrdenia.
Čísla a štatistiky →
Zobrazujte skutočné a overiteľné údaje rôznymi vizuálnymi spôsobmi.
Logá partnerov →
Prehľad skutočných zákazníkov a partnerov len s oprávnením použiť ich logá.
Jedno hodnotenie →
Autentický citát s menom a rolou autora.
Zákaznícke hodnotenia →
Viacero pravdivých skúseností s menami, fotografiami či hodnotením.
Hodnotenia Google →
Verejné externé recenzie so zreteľne uvedeným zdrojom.
Tímová mriežka →
Ľudia za firmou v kartách, portrétoch či zoznamoch.
Konverzie a kontakt
Bloky, ktoré pomáhajú návštevníkom urobiť ďalší krok.
Tlačidlo →
Jasná jediná výzva na konkrétnu akciu.
Výzva na akciu (CTA) →
Výrazná sekcia s nadpisom, opisom a jedným či dvoma tlačidlami.
Kontaktný formulár →
Prijímanie dopytov s vlastnými poľami, informáciami o údajoch a potvrdením.
Odber noviniek →
Krátky e-mailový formulár s voliteľným menom a informovaním o súkromí.
Tvorca formulárov →
Vlastné formuláre s podmienkami, viacerými krokmi a prílohami.
Online rezervácia termínu →
Klient vyberie službu, pracovníka a voľný čas v kalendári Demona.
Otváracie hodiny →
Týždenný rozvrh, sviatky a aktuálna informácia o otvorení.
Cenová tabuľka →
Porovnanie skutočných balíkov a rozdielov v ponuke.
Cenník →
Jednotlivé služby a ceny s kategóriami a krátkymi vysvetleniami.
Odpočítavanie →
Čas zostávajúci do skutočného termínu či podujatia.
Stiahnutie súboru →
Katalóg, cenník alebo dokument ponúknutý na stiahnutie.
Štruktúrované informácie
Formáty pre dlhšie informácie, porovnávanie a jednoduchú orientáciu.
Služby a funkcie →
Niekoľko rovnako dôležitých služieb alebo prínosov v jednotnom vzhľade.
Časté otázky (FAQ) →
Odpovede na reálne otázky zákazníkov v rôznych rozloženiach.
Tabuľka →
Porovnanie údajov a parametrov v riadkoch a stĺpcoch, na mobile prípadne ako karty.
Štítky →
Krátke tematické označenia s možným odkazom.
Tlačidlá zdieľania →
Poslanie odkazu cez sociálne siete, e-mail či kopírovanie URL.
Výhody a nevýhody →
Dva prehľadné zoznamy argumentov pre a proti.
Integrácie a pokročilé prvky
Externé služby a špeciálne spôsoby prezentácie obsahu.
Vložená mapa →
Pomôže nájsť fyzickú adresu.
Príspevok zo sociálnej siete →
Zobrazenie verejného príspevku z Facebooku, Instagramu, X či LinkedInu.
Vlastný HTML kód →
Pokročilé prvky a widgety bez vlastného natívneho bloku.
Listovateľná publikácia →
Listovateľný katalóg z Issuu alebo vlastného PDF cez Demona Flipbooks.
Články a podujatia
Dynamický obsah, ktorý možno zvýrazniť alebo automaticky aktualizovať.
Vybraný článok →
Jedno ručne určené odporúčanie, ktoré zostáva zvýraznené.
Zoznam článkov →
Automatický alebo ručný výber podľa kategórií a ďalších pravidiel.
Vybrané podujatie →
Karta konkrétnej udalosti aj po jej uskutočnení.
Zoznam podujatí →
Budúce, minulé alebo ručne vybrané podujatia v jednom zozname.
Pred začiatkom nemusíte poznať všetky bloky. Prvá verzia webu už môže obsahovať užitočnú štruktúru. Katalóg vám pomôže zvoliť či zlepšiť jednotlivé sekcie bez toho, aby ste začínali od nuly.
Všetkých 67 návodov je pripravených v slovenčine. Každý odkaz vedie na príslušný príklad a podrobný opis.
ZAČNITE OBSAHOM, NIE ZOZNAMOM BLOKOV
Povedzte nám, aký web potrebujete. Bloky môžete doladiť neskôr.
Vytvorte prvú verziu a potom ju ďalej upravujte v tom istom editore.