frontend vývojář a UX konzultant

Nakóduji vaše grafické návrhy do responzivních, validních a optimalizovaných šablon. Také vám pomohu s úpravami vašeho e-shopu na Shoptetu a dám vám tipy, jak zlepšit uživatelský prožitek (UX) vašeho webu.

Mám za sebou 6+ let spolupráce s více jak 15 digitálními agenturami a desítkami klientů po celém světě a nakódoval jsem přes 190 projektů.

• Frontend kódování – Nakóduji prezentační webové stránky, mikrostránky, e-shopy, CRM, CMS, printové designy, newslettery a bannery. Zvládnu i animačně komplikovanější designy, jako např. Krsekfoundation.cz a Marmotcrow.com.
• Shoptet – Nakóduji či upravím grafiku na již existujících Shoptet šablonách. Jsem autorem Shoptet šablony Apollo, kterou si můžete zakoupit a já vám rád pomohu s jejím nastavením.
• UX konzultace – Zanalyzuji webovou stránku z pohledu UX a rychlosti načítání a doporučím vám kroky pro zlepšení výkonu.

Zakládám si na dodržování termínů a jasné komunikaci – pokud při vývoji nastane komplikace, která ho prodlouží, vždy vás budu včas informovat. Vystudoval jsem Aplikovanou informatiku na Univerzitě Mateja Bela v Banskej Bystrici.

Ukázky práce:

Kategorie katalogu:

Proč kódování ode mě?

• Promakaná responzivita – Mnou nakódované šablony se bez problému zobrazují na všech zařízeních.
• Kompatibilita – Každý projekt testuji v moderních internetových prohlížečích (Chrome, Firefox, Safari, Edge, IE11) a mobilních zařízeních (Android, iPhone, iPad).
• Čistý a sémantický kód – Dbám na dobře zdokumentovaný a 100% validní kód ve W3C standardech.
• Mobile first – HTML strukturu projektu a CSS vlastnosti píšu technikou mobile first, která vede k lepší přístupnosti.
• Optimalizace obrázků – Obrázky optimalizuji tak, aby si zachovaly kvalitu, ale načítaly se co nejrychleji.
• Animace – Kvůli výkonu primárně používám nativní CSS animace. Pro složitější animace používám JS knihovny (anime.js, GSAP, Velocity).
• CSS & Grid – CSS vlastnosti píšu metodami SMACSS & OOCSS. Na Grid používám nejnovější Bootstrap grid s kombinací mých pomocných tříd a devstacku.

Používané technologie:

• PUG
• SCSS
• Flexbox
• Bootstrap 5
• Javascript
• Vue
• Gulp

Používané nástroje:

• Adobe PS & AI
• Avocode
• Figma
• Zeplin