Mobile Performance

Drup.cz – Sjednocení firemních divizí do rychlého a přehledného webu

Moderní prezentace postavená na čistém kódu s inteligentním formulářem, který firmě rovnou třídí poptávky.

99
Performance
100
Accessibility
100
Best Practices
100
SEO

Úvod: Web, který dává smysl

Firma Drup Lanškroun s.r.o. nabízí vše od stavebnictví až po zakázkové truhlářství. Jejich původní prezentace ale nedokázala tento široký záběr prodat. Cílem bylo postavit od nuly přehledný web, který návštěvníka nezahltí a jasně ho dovede k poptávce.

Drup.cz Mockup Ukázka

Výzva: Chytré třídění poptávek bez složitého backendu

Největším úkolem bylo zajistit, aby se poptávka z webu dostala vždy ke správnému člověku ve firmě (např. okna vs. autodoprava), aniž bychom museli nasazovat těžkopádné CMS nebo stavět složitý backend.

Původní stav (Předtím)
Původní web Drup
Nové řešení (Nyní)
Nový web Drup.cz

Moje řešení

Chytrý formulář: Napsal jsem vlastní JavaScriptovou logiku, která dynamicky mění pole podle toho, co zákazník zrovna poptává, a odesílá e-mail přímo zodpovědnému manažerovi.

Čistý kód místo frameworků: Web nepoužívá žádné obří knihovny. Je postavený na čistém sémantickém HTML5 a Vanilla CSS s BEM metodikou pro snadnou údržbu.

Důraz na plynulost: Místo trhaných přechodů web využívá hardwarově akcelerované mikro-animace a plynulý scroll, takže i na starších mobilech působí moderně.

Výsledek

Výsledkem je web s bleskovým načítáním a nekompromisním Lighthouse skóre 99/100 na mobilních zařízeních, kde většina běžných webů vyhoří. Layout se na telefonech chová jako nativní aplikace a automatizovaný formulář firmě reálně šetří čas při zpracování leadů.