Foto: Apple

Scrollytelling nebo single page application? Pokud máte stavět nový web, tohle byste měli vědět

17. 2. 2022 07:02

autor:

— Mohlo by vás zajímat —

Bonami mění v nové kampani kartonový svět za osobité bydlení

Novou kampaň s historicky největší videoprodukcí spouští Bonami. Jejím hlavním motivem je kontrast mezi nudným „kartonovým“ světem a „osobitým bydlením“, které může být s Bonami dostupné a jednoduché. Kampaň vznikla ve spolupráci s YYY agency a reklamní a filmovou produkcí Nice!.

Reklama
SDG

Máte za úkol postavit revoluční web, který nastolí novou laťku ve vašem segmentu? Pak by Vám výrazy jako Scrollytelling nebo Single Page Application neměly být cizí. Pojďte se seznámit s tím, o co nyní v oblasti webdesignu běží. Níže tipy od agentury Beneficio.

Rychlost first

O tom, že mobilní zařízení přebírají kontrolu nad webovým obsahem se píše posledních 10 let. Nicméně právě větší datová náročnost způsobená kvalitnějšími fotkami a video obsahem výrazně zasahují do rychlosti našich webů. Pokud tedy neoperujete s produktem či službou, na kterou se čeká fronta, budete muset řešit rychlost na prvním místě.

SPA – neboli Single Page Application

Podstatnou roli v rychlosti webu bude hrát také volba CMS a technologie. Právě v této úrovni zadávací dokumentace by neměl chybět požadavek na SPA. Tvorba webu jako SPA spočívá v tom, že web se s každým reloadem stránky nenačítá znovu, ale funguje na bázi aplikace, která stahuje pouze nová data. Ve skutečnosti se tak načítají jen unikátní obsahové prvky jako je text nebo multimédia, vše ostatní zůstává od prvního načtení. Úspora v řádu desítek % na úrovni rychlosti i počtu stažených dat. Ukázkou takové technologie je například web agentury beneficio.cz nebo společnosti rinkai.cz.

Scrollytelling

Jestli nám markeťákům něco připomíná, je to zajisté storytelling. A nemá od něj opravdu daleko. Jedná se o představení produktu či služby na scrollovací animaci, která se odehrává například na interaktivním produktu nebo infografice. Asi nejnázornější ukázkou této technologie je společnost Apple, která scrollytelling často využívá pro prezentaci zajímavých funkcí či nového designu zařízení.

Krásná ukázka scrollytellingu je právě zde v sekci “Iphone vystudoval filmovou školu

Výhodou scrollytellingu je zcela určitě jeho interaktivita a množství využití na úrovni postprodukce oproti produktovým videím. Důvod proč se ke scrollytellingu naklánějí i největší hráči, není v tom, že by si nemohli dovolit tvorbu skvělého videa, ale že spuštění videa na mobilních zařízení není user ani data friendly. Jak už název napovídá, technologie je to ušitá na míru scrollování, které je ve spojení s interaktivním obsahem již léty prověřeným UI prvkem.

Nákladnější vývoj i další možnosti

Obě technologie/přístupy jsou zajisté nákladnějším řešením, nicméně pokud se bavíme o webech, které mají být revoluční, videa ani fotografie jim zajisté stačit nebudou.

Rozhodně se budete s vývojáři dále bavit o možnostech snížení datové náročnosti. Doporučujeme se tak začít zabývat i dalšími výrazy jako je Cloudflare nebo Infinite scroll, na které se zaměříme v dalších článcích. Stavíte nový web a potřebujete z něj vytěžit maximum? Poptejte nás a můžeme probrat aktuální webdesignové i technologické možnosti.

Foto: Apple

Redakce MAM

Další zajímavé čtení

Bonami mění v nové kampani kartonový svět za osobité bydlení

Bonami mění v nové kampani kartonový svět za osobité bydlení

Novou kampaň s historicky největší videoprodukcí spouští Bonami. Jejím hlavním motivem je kontrast mezi nudným „kartonovým“ světem a „osobitým bydlením“, které může být s Bonami dostupné a jednoduché. Kampaň vznikla ve spolupráci s YYY agency a reklamní a filmovou produkcí Nice!.

Více obsahu, moderní formáty. Portál iDnes.cz má nový design

Více obsahu, moderní formáty. Portál iDnes.cz má nový design

Zpravodajský portál iDnes.cz mediální skupiny Mafra po několika letech nabídne novou podobu. Zjednodušuje strukturu, zvyšuje podíl obsahu a klade větší důraz na moderní formáty. V první fázi prošla změnou domovská stránka a její hlavní části: Zpravodajství a Sport.