Investičníweb.cz investoval do nového portálu

10.2.2021
Jan Nagy

Obsahový redakční portál napojený na externí API s Vue.js vykreslením dat - vhodnější práci pro Freely najdete jen těžko. 

Když se nám vyskytla příležitost pustit se do radikálního redesignu portálu Investičníweb.cz, neváhali jsme. Kombinace komplexního redakčního systému na míru, napojení na interní API, propracované řešení výkonnostního hlediska - to prostě zní jako práce nám ušitá na míru.

Investičníweb

Projekt jsme ve Freely měli na starosti od začátku do konce. Při návrhu UX, keré se revolučně měnilo, jsme vycházeli především z analýzy velkých zpravodajských portálů, které udávají trendy v českých internetových vodách. Inspirací se nám tak staly prvky na portálech jako jsou SeznamZprávy, iHned či iRozhlas. Došlo také k významné úpravě kategorizace obsahu, předtím byly hlavní navigací primárně a pouze štítky. Důležitou roli sehrálo samozřejmě redakční workflow, které samozřejmě musí jít editorům "na ruku" a práci jim zrychlovat.

Migrace starého obsahu

Nedílnou součástí celého projektu byla migrace obsahu. To se nakonec ukázalo jako mnohem palčivější problém, než jsme čekali. Portál si s sebou nesel více než 10letou historii ne jednoho redakčního systému. Občas jsme dostali strukturovaná data, občas vyexportované HTML, no a někdy také nic. Motivace předchozího dodavatele dodávat co nejčistší samozřejmě také nebyla největší. Ale nakonec se nám podařilo dořešit import více než 120 000 záznamů v databázi a necelých 15 GB dat z mediotéky.

Výkonnostní optimalizace

Z historický dat z Google Analytics jsme věděli, že nás nečeká procházka růžovým sadem ani na poli výkonnostní optimalizace. Pro různá období a témata nastávají velké návštěvnické špičky, které je potřeba vykrýt bez jakéhokoliv dopadu. Do hry jsme kromě Redisu zapojili samozřejmě i reverzní proxy cache Varnish

Grafy kam se podíváš - vývoj trhů podrobně a rychle

Investoři si neumí představit portál o investicích bez grafového zobrazení vývoje burz, měn, kryptoměn, komodit či indexů. A to jsme jim ve spolupráci s interním IT oddělením WOOD & Company poskytli. Vykreslení grafů probíhá za pomoci implementance Vue.js frameworku. Samotná realizace opět nebyla bezbolestná, protože získávat data co nejvíce se blížící se real-time vnímání a přitom nezahltit API, není jednoduché. Celý proces značně limitují (ne)možnosti cachování, rozjetí více paralelních linek na zdrojová data kvůli licencím i zátěž na prohlížeč. 

investiční web - grafy

Současná podoba získávání informací je výsledkem mnoha desítek hodin vývoje a iterací na obou stranách komunikace.

SEO a marketing

SEO je vždy až na prvním místě. O tom není třeba dále diskutovat. Veškerá podpora technického SEO je v systému od samotného začátku nastavena. 

Z trochu jiného pohledu co se týče marketingu je nutné zmínit implementaci Google AdManager služby pro správu reklamních prostor - plnohodnotný nástroj pro vytváření, plánování, měření výkonu všech reklamních na vašem webu. Ad Manager hraje klíčovou roli této platformy z business pohledu monetizace portálu.

Investičníweb

Investiční web tak představuje důležitou součást našeho referenčního portfolia, která do něj výborně zapadá. Komplexní nastavení redakčního systému, vývoj Vue.js aplikace na míru napojené na API, integrace služeb třetích stran - to jsou ukázky naší přidané hodnoty. Zároveň se rádi chlubíme samotnou spoluprací s Investičním webem, protože se v daném oboru jedná o významného hráče. Těšíme se, jak díky novému portálu tento význam bude nadále růst.

Další články