WebWeb · Estetická dermatológia · Bratislava
Life Style — Estetická klinika Bratislava

Z pomalej Wix stránky na moderný Astro web s Sanity CMS

Bratislavská estetická klinika s 20+ rokmi praxe potrebovala web, ktorý komunikuje rodinný prístup a najnovšie technológie. Z pomalej, šablónovej Wix stránky → custom Astro + Sanity CMS s prémiovou typografiou a takmer okamžitým loadingom.

Loading time
< 1 s
www.lstyle.sk
Z pomalej Wix stránky na moderný Astro web s Sanity CMS — náhľad aplikácie
Tech parametre
Framework
Astro 5 (static-first) · @astrojs/sitemap · @astrojs/tailwind
CMS
Sanity (@sanity/client) · headless content modeling
Štýlovanie
Tailwind CSS v3.4 · vlastný brand-tokens.css · TypeScript
Hosting
Hostcreators (SK) · static-deployment via SFTP
Migrácia
Z Wixu — kontakty cez wix-contacts-export.json + manuálny obsahový prepis
Typografia
Sans pre body + italic serif (display) pre emocionálne slová
Brand paleta
Hlboká navy + zlaté akcenty + warm cream pozadia
SEO
JSON-LD structured data · canonical URLs · sitemap.xml
Lokalizácia
Slovenčina (sk_SK)
Stav
V produkcii · live na lstyle.sk
Problém

Life Style je rodinná estetická klinika v Bratislave, ktorá funguje od 2003 — má reputáciu, zákazníkov, 20+ rokov praxe. Ich web ale bežal na Wix-e, bol pomalý, šablónový, vyzeral ako stovky iných kliník. Klient nemohol slobodne pridávať služby ani novinky bez Wix obmedzení, mobil bol pomalý a SEO bolo slabé. Klinika strácala dôveryhodnosť práve v digitálnom prvom dojme, ktorý mal komunikovať prémiový osobný prístup.

Riešenie
1
Custom Astro 5 web (statický generovaný) → rýchlosť na úrovni statického HTML, ale s dynamickým obsahom cez CMS.
2
Sanity CMS pre obsah → klient slobodne pridáva služby, akcie, novinky, cenník, články bez technickej pomoci.
3
Vlastný dizajn systém: hlboká navy + zlaté akcenty + italic serif pre emocionálne slová („ruka v ruke", „krása") — komunikuje prémium a teplý ľudský tón.
4
Plne responzívna stránka, mobile-first prístup — priority load hero, lazy load všetko ostatné.
5
Tailwind CSS v3 + custom brand tokens (`brand-tokens.css`) → konzistentná typografia naprieč všetkými stránkami.
6
Astro sitemap pre lepšie indexovanie + JSON-LD structured data → bohaté výsledky v Google.
7
Migrácia obsahu z Wixu cez `wix-contacts-export.json` + ručná kurátorská práca → nič sa nestratilo.
8
Sekcie: Hero, Služby (4 kategórie), O nás, Akcie & Novinky, Cenník, Kontakt + rezervácia.
Funkcie aplikácie

Čo všetko appka robí

Hero s atmosférou prémia (navy + zlato + italic serif) a clear CTA na REZERVÁCIU
Kompletný cenník služieb so 4 kategóriami: Estetická dermatológia, Laserová dermatológia, Kozmetika, Telesné ošetrenia
Sekcia O nás s dôrazom na rodinný prístup a 20+ rokov praxe
Akcie & Novinky modul cez Sanity CMS
Rezervačné CTA prepojené s kontaktným formulárom
Address + telefón v top bare (mobile sticky)
Sticky navigácia s smooth scroll na sekcie
JSON-LD structured data → Google rich results
Plne SK lokalizácia + diakritika
Sitemap pre lepšie indexovanie
Lazy loading všetkých obrázkov mimo viewportu
Plne responzívny prémiový dizajn
Postavené na
Astro 5Tailwind CSSSanity CMSTypeScriptMySQL migrácia
Výsledok
Loading time pod 1 s → návštevník nečaká na šablónový Wix loader, web je okamžite použiteľný.
Mobile UX dramaticky vylepšené — väčšina trafficu z Bratislavy a okolia z mobilov.
Sanity CMS → klient pridáva novinky a akcie sám, bez čakania na nás.
SEO výrazne zlepšené: structured data, sitemap, čisté URL, semantic HTML → vyššie pozície na lokálne výrazy.
Vizuál komunikuje 20+ rokov praxe + rodinný prístup — odlišuje kliniku od šablónových konkurentov.
Web rastie s biznisom — pridať novú službu = 5 minút v CMS, nie 5-dňová úprava šablóny.

Ďalšie štúdie

Všetky →

Ďalšie reálne projekty pridávame postupne.

Chcete podobnú appku?
Pošlite brief — do 48 h máte cenovku.

Bez záväzkov. Bez nudných meetingov.

Pošlite nám brief →