- Web development
- Vlastný produkt
- React
web.pexelo.com
Retro Mac dizajn s obsahom, ktorý vyhľadávač prečíta aj bez JavaScriptu.
Fakty o projekte
- Typ projektu
- Vlastný web
- Obsah
- Každá stránka predgenerovaná do HTML
- Testy
- Prístupnosť · výkon · SEO · vzhľad
- Detail
- Hra Hadík na stránke 404
- React
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
- shadcn/ui
- React Helmet
- Vitest
- Playwright
- Vercel
Zadanie
web.pexelo.com je náš vlastný web o aplikáciách na mieru a weboch, ktorého obsah vyhľadávač prečíta aj bez JavaScriptu. Retro Mac vzhľad dopĺňajú automatické testy prístupnosti, rýchlosti, SEO a vzhľadu na mobile, tablete aj počítači, ktoré bežia pri každej zmene. Build zlyhá, keď stránke chýba nadpis alebo štruktúrované dáta.
Na web.pexelo.com ponúkame aplikácie na mieru a weby a je to zároveň najdostupnejšia ukážka našej práce: každý ho môže otvoriť, prekliknúť a vyskúšať na telefóne. Preto na ňom platia rovnaké pravidlá ako pri projektoch pre klientov, od čitateľného obsahu po testy pred každým zverejnením.
Čo sme urobili
Retro vzhľad, ktorý nebráni čítaniu
Okná, pixelové detaily a úvodný záblesk ako pri štarte starého Macu dávajú webu charakter. Pod nimi je obyčajný, dobre čitateľný text a formulár, ktorý funguje aj na telefóne. Charakter je vo vizuáli, nie v tom, že by návštevník musel hľadať, čo ponúkame a ako nám napísať.
Obsah pripravený pre vyhľadávače aj AI
Každá stránka sa pri zostavení vygeneruje do hotového HTML, takže vyhľadávač aj AI asistent prečíta text bez spúšťania JavaScriptu. Build pri každej stránke overí nadpis, kanonickú adresu, štruktúrované dáta a náhľadový obrázok. Keď niečo chýba, zlyhá skôr, než sa zmena dostane na web.
Testy strážia to, čo sa pri úpravách ľahko rozbije
Pri každej zmene bežia automatické testy prístupnosti kľúčových obrazoviek, rýchlosti načítania, stability rozloženia, SEO metadát a vzhľadu na mobile, tablete aj počítači. Keď úprava textu nečakane posunie tlačidlo alebo zmaže popis stránky, test to zachytí skôr ako návštevník.
Formulár bez spamu, analytika len so súhlasom
Kontaktný formulár chráni pred robotmi overenie Cloudflare Turnstile, ktoré človeka nenúti skladať obrázky, a správa sa kontroluje aj na serveri. Analytika sa spustí až po súhlase s cookies. A kto sa preklepne v adrese, na stránke 404 nájde cestu späť aj hru Hadík.
Čo to znamená pre váš projekt?
Tento web ukazuje, čo sa deje pod povrchom, keď robíme web pre klienta. Obsah je čitateľný pre vyhľadávače aj bez JavaScriptu, kontrola beží pred každým zverejnením a formulár doručí dopyt bez spamu. Rozdiel je vo vizuáli: retro Mac štýl patrí nám, váš web bude vyzerať podľa vašej značky a vašich zákazníkov. Čo ostáva rovnaké, je poriadok v tom, čo nevidno, a vďaka nemu sa web dá upravovať bez strachu, že sa niečo potichu rozbije.
Chcete podobný projekt?
Pošlite nám pár viet o projekte. Ozveme sa s návrhom ďalšieho kroku.
Chcem konzultáciu