Jednoduché weby na mieru

jzDev

.NET / C# MVC / Dapper Výkon / prístupnosť / rozšíriteľnosť

Tvorím jednoduché a rýchle weby na mieru pre malé firmy, služby a živnostníkov.

Web navrhujem tak, aby bol prehľadný, dobre fungoval na mobile a dal sa neskôr rozširovať. Backend staviavam vo vlastnom riešení na .NET a C#.

O tomto webe

Tento web vznikol ako osobná prezentácia mojich projektov a zároveň ako priestor, na ktorom si overujem vlastný spôsob práce. Dávam si na ňom záležať nielen po vizuálnej stránke, ale aj po technickej – od štruktúry HTML cez výkon až po prístupnosť.

Verejná časť slúži ako portfólio a rôzne články, v pozadí má web vlastnú administráciu na správu obsahu bez zásahu do kódu. Postupne k nemu pribúdajú aj ďalšie menšie nástroje, ktoré si vytváram podľa potreby - napríklad vytváranie, správa a evidencia faktúr.

Ako k tomu pristupujem

Pri tvorbe webu sa snažím ísť od základu. Najprv riešim technickú stránku – štruktúru, výkon, prístupnosť a logiku celého riešenia. Až keď je tento základ pevný, má zmysel ďalej rozvíjať obsah, dizajn a ďalšie detaily.

Nespolieham sa na univerzálne skladačky a hotové šablónové riešenia ako základ celého webu. Viac mi dáva zmysel mať technické riešenie pod kontrolou – od štruktúry HTML, cez štýly a skripty, až po výkon, prístupnosť a možnosti ďalšieho rozšírenia.

Tým pádom web nevzniká ako poskladaný balík množstva cudzích doplnkov, ale ako premyslené riešenie podľa toho, čo má naozaj robiť. Takýto prístup mi dáva väčšiu istotu pri úpravách, jednoduchšie ladenie a lepší základ do budúcna.

PageSpeed Insights a čo mi vie povedať o webe

PageSpeed Insights beriem ako jednu z užitočných kontrol, nie ako súťaž o číslo. Pomáha mi rýchlo odhaliť, či web zbytočne nespomaľujú obrázky, skripty, slabšia štruktúra alebo detaily, ktoré zhoršujú použiteľnosť a technický základ. Dôležité je aj to, že test nepočíta len s ideálnym pripojením. Pri mobile simuluje aj slabšie podmienky, takže vie lepšie ukázať, kde by web mohol byť pomalší pre bežného človeka mimo rýchlej Wi-Fi.

Výkonnosť

Jednoducho povedané: ako rýchlo sa web načíta a kedy začne pôsobiť použiteľne. Nehodnotí sa to len v ideálnych podmienkach, ale aj s ohľadom na slabšie zariadenie a pomalšie mobilné pripojenie, kde sa problémy ukážu skôr.

Dostupnosť

Teda prístupnosť a použiteľnosť pre ľudí, ktorí ovládajú web klávesnicou, používajú čítačku obrazovky alebo jednoducho potrebujú jasný a čitateľný obsah.

Osvedčené postupy

Tu ide o technickú kvalitu webu. Či stránka nestojí na zbytočne problematických riešeniach a či je postavená tak, aby sa s ňou dalo rozumne pracovať aj neskôr.

SEO

Základná technická pripravenosť pre vyhľadávače. Nie celé SEO, ale dôležitý základ, aby sa obsah dal ľahšie pochopiť, prečítať a indexovať.

Nie len číslo, ale súvislosti

Samotné skóre ešte neznamená, že je všetko ideálne. Dôležité je, čo ho ovplyvňuje – veľké obrázky, zbytočné skripty, slabší kontrast, neprehľadná štruktúra alebo nestabilné rozloženie stránky.

Prečo to riešiť

Rýchlejší a čistejší web býva príjemnejší pre návštevníka, lepšie funguje na mobile a zároveň tvorí pevnejší základ pre SEO, prístupnosť aj ďalšie rozširovanie webu do budúcna.

Technológie, s ktorými pracujem

Ikona Visual StudioMicrosoft Visual Studio
Ikona Visual studio CodeMicrosoft Visual Studio Code
Ikona jazyka c sharpC#
Ikona HTML 5HTML5
Ikona CSS 3CSS3
Ikona JavaScriptJavaScript

Ukážka vlastného rezervačného systému TvojBooking.sk

TvojBooking.sk je môj vlastný projekt zameraný na online rezervácie pre služby pracujúce s presným časom. Nižšie sú 2 varianty odkazu na ten istý rezervačný widget – priamy odkaz a odkaz cez vlastnú stránku s možnosťou vlastného loga.

Ukážkové odkazy

Nižšie je vložená ukážka samotného widgetu priamo na stránke.

Máte v hlave vlastný web alebo nápad na zlepšenie?

Ak potrebujete jednoduchý web na mieru, úpravy existujúcej stránky alebo sa chcete poradiť, napíšte mi stručne, čo riešite. Pozrieme sa, čo dáva zmysel ako prvé.