OFTA
Moderní webová platforma postavená na Next.js 14 s důrazem na UX, konverze a flexibilní správu medicínského obsahu.
Projekt vznikl ve spolupráci s Markem Pišlem, který zastával roli designéra, projektového manažera a dodavatele projektu. Appitect zajistil full-stack vývoj a technickou implementaci.
Klient
OFTA s.r.o.
Odvětví
Zdravotnictví
Design & management
Marek Pišl
Launch
Prosinec 2024
O projektu
OFTA s.r.o. je renomovaná oční klinika s 32letou historií, specializující se na laserové zákroky a mikrochirurgii oka. Provozuje centra v Plzni a Chebu a ošetřuje pacienty z obou stran hranice.
Projekt vedl Marek Pišl jakožto designér webu, projektový manažer a hlavní dodavatel celé zakázky. Marek řídil komunikaci s klientem, navrhl vizuální podobu a koordinoval celý průběh realizace.
Appitect se v rámci této spolupráce podílel na full-stack vývoji — technické implementaci designu, naprogramování frontendu i backendu, integraci Strapi CMS a nasazení do produkce.
- Kompletní redesign a UI/UX optimalizace
- Technická migrace na moderní Next.js 14 stack
- Vícejazyčná podpora (CZ/DE) s next-intl
- Integrace Strapi CMS pro správu obsahu
- Formulářové systémy s validací a email zasíláním
- SEO optimalizace a schema markup
Technické řešení
Framework & UI
- —Next.js 14 (App Router)
- —Tailwind CSS
- —Radix UI
- —Framer Motion
Formuláře & validace
- —React Hook Form
- —Zod schema validation
- —Nodemailer
- —Rate limiting
Obsah & lokalizace
- —Strapi (Headless CMS)
- —next-intl (CS/DE)
- —Schema.org markup
- —Dynamic sitemap
Design systém
Medicínská důvěryhodnost
Čistý, profesionální design s důrazem na serióznost a odbornost. Minimalistický přístup s dostatkem bílého prostoru a jasnou hierarchií.
Typografie Montserrat
Moderní geometrický font s vynikající čitelností — ideální pro zdravotnické prostředí, kde je srozumitelnost obsahu naprosto klíčová.
Jemné animace a přechody
Framer Motion přechody, které podporují orientaci uživatele bez rozptylování. Smooth scrolling a micro-interactions pro prémiový pocit.
OFTA Blue 900
#0E1F3F · Primární tmavá
OFTA Blue 600
#1D3E7A · Sekundární
OFTA Blue 450
#4F7ACF · Světlejší akcent
OFTA Blue 300
#63B8E8 · Jasný akcent
OFTA Aqua
#63D1C4 · Call-to-action
OFTA Gray
#F5F5F5 · Pozadí
Rozhraní
Správa obsahu
Pro OFTA jsme implementovali pokročilé řešení správy obsahu, které umožňuje týmu kliniky snadno spravovat všechny informace bez technických znalostí — od aktualit přes medicínský obsah až po urgentní upozornění pacientům.
Alert Dialog systém
Globální alertní upozornění pro urgentní sdělení pacientům, spravované přes CMS s možností okamžité aktivace nebo deaktivace.Správa aktualit
Publikování novinek s rich text editorem, nahráváním obrázků, SEO meta daty a verzováním obsahu pro tým kliniky bez technických znalostí.Správa dynamického obsahu
Aktuality, alert dialog a sekce Podporujeme jsou spravovatelné přes Strapi CMS týmem kliniky bez technických znalostí. Německá verze webu tyto sekce nezobrazuje.Custom content types
Vlastní typy obsahu pro zákroky, indikace, lékaře a pacientské příběhy. Taxonomy, workflow pro schvalování a role management pro tým.
Technické výzvy
Velké video soubory pro hero
Výzva
Video hero sekce měla zásadní vizuální význam pro důvěryhodnost kliniky, ale velikost souborů hrozila zničit výkon na mobilních zařízeních.
Řešení
Transcode do moderních formátů (WebM, MP4), lazy loading, fallback obrázky a detekce viewportu pro inteligentní kontrolu přehrávání podle zařízení uživatele.
Vícejazyčnost CZ/DE
Výzva
Klinika ošetřuje pacienty z obou stran hranice, takže bylo nutné dodat plnohodnotnou německou verzi včetně lokalizovaných rout a SEO.
Řešení
Implementace next-intl s automatickou detekcí jazyka a lokalizovanými URL strukturami. Dynamické sekce (aktuality, alert, podporujeme) jsou dostupné pouze v české verzi.
Viditelnost
- Schema.org markup pro lékařské služby, FAQ a organizaci
- Strukturovaný sitemap pro všechny stránky a jazykové verze
- Custom meta tags management přímo přes CMS
- Canonical URLs a hreflang tagy pro i18n
- Open Graph a Twitter Card optimalizace
Chcete podobný projekt?
Vytvoříme vám moderní webovou prezentaci, která přináší výsledky. Kontaktujte nás pro nezávaznou konzultaci.