Prezentare generală
Medical One este o clinică privată multidisciplinară din Târgu Jiu: peste 30 de specialități, imagistică avansată (CT cu 128 de secțiuni, RMN de 1,5T, ecografie 4D, radiografie digitală), analize de laborator în parteneriat cu Bioclinica, chirurgie de zi și medicina muncii. Site-ul anterior era o prezentare generică, care nu arăta amploarea serviciilor și nu răspundea la întrebările practice ale pacientului. În locul lui am construit o platformă organizată în jurul a ceea ce caută pacientul: specialitatea potrivită, medicii, tarifele, solicitarea unei programări și accesul către sistemele externe ale clinicii — portalul PACS pentru medicii trimițători și portalul de rezultate pentru pacienți. Cele două portaluri sunt sisteme separate, administrate în afara site-ului; noua platformă oferă acces clar către ele, fără o integrare tehnică directă.
Provocarea
Pentru o clinică privată, site-ul trebuie să transforme un volum mare de informații medicale într-un traseu clar pentru pacient: specialități, medici, programe, tarife, investigații, echipamente, indicații. Când structura urmează organizarea internă a instituției, pacientul trebuie să înțeleagă mai întâi cum e împărțită clinica și abia apoi găsește serviciul de care are nevoie.
Vechiul site Medical One avea meniuri aglomerate, pagini construite fiecare după alt model și un buton „Programare” care ducea la un formular de contact general. Pacientul care căuta o specialitate anume ajungea pe o pagină care nu-i răspundea la întrebările esențiale: ce face clinica, cine sunt medicii, cât costă și cum se programează.
Al doilea punct sensibil ținea de cele două sisteme externe cu care lucrează clinica — portalul PACS, în care medicii trimițători se autentifică pentru rezultatele imagistice, și portalul separat unde pacienții își găsesc rezultatele de laborator și de imagistică. Accesul către amândouă era greu de identificat în structura vechiului site.
Abordarea
Am început prin inventarierea conținutului: fiecare specialitate, fiecare departament de imagistică, fiecare serviciu de laborator, fiecare pagină. Apoi am reorganizat totul după felul în care caută pacientul, nu după organigrama clinicii — cine caută „cardiologie” nu are de ce să știe cum sunt împărțite departamentele pe interior. Pentru paginile de specialitate am definit un model unitar — informații esențiale, medici, tarife, program — și l-am aplicat consecvent. Iar accesul către portalul PACS și către portalul de rezultate l-am adus în zone vizibile, inclusiv pe pagina principală, etichetat clar, ca utilizatorul să știe unde ajunge înainte să deschidă sistemul extern.
Echipa clinicii lucra deja în WordPress și voia să păstreze o interfață de administrare cunoscută. Am păstrat WordPress pentru administrarea conținutului și am construit peste el o arhitectură pe blocuri dezvoltate special pentru proiect: componentele publice și structura paginilor sunt făcute pentru Medical One, iar echipa poate adăuga un medic nou sau schimba un program fără să umble la aspectul paginii. Build-ul pornește de la zero — se încarcă rapid și stă foarte bine la Core Web Vitals.
Soluția
- Arhitectură WordPress cu blocuri dezvoltate pentru proiect. Componentele publice și structura paginilor sunt proiectate pentru clinică, iar WordPress rămâne interfața de administrare.
- Formular pentru solicitarea programării — pacientul alege tipul serviciului și specialitatea din liste de selecție, poate indica un medic dorit și o dată preferată, își lasă datele de contact, își dă consimțământul GDPR și primește un mesaj care explică pasul următor: revenirea telefonică din partea clinicii. Validarea se face în browser, printr-o logică JavaScript scrisă pentru acest flux.
- Director de specialități cu filtre — specialitățile pot fi filtrate după zona corpului (Cap, Inimă, Ochi ș.a.m.d.), cu comutare între consultații și intervenții chirurgicale, astfel încât pacientul să ajungă la cea potrivită în câțiva pași clari.
- Carusel de specialități care se parcurge prin glisare („Glisează”) pe pagina principală, împreună cu recenzii verificate de la pacienți, afișate direct în pagină și care se pot extinde.
- Echipamentele prezentate prin specificații relevante — CT-ul cu 128 de secțiuni, RMN-ul de 1,5T și ecograful 4D au conținut structurat, cu informațiile care contează pentru pacient și pentru medicul trimițător.
- Parteneriatul de laborator cu Bioclinica, prezentat în secțiunea de analize și diagnostic
- Date structurate Schema.org — MedicalBusiness, Place, Organization — care descriu clinica, organizația și locația pentru motoarele de căutare. Datele structurate pot susține eligibilitatea pentru anumite afișări în căutare, fără să le garanteze.
- Conformitate WCAG 2.2 AA pe tot site-ul — navigare din tastatură, testare cu cititor de ecran, HTML semantic, contrast corect
Platforma folosește un sistem propriu de variabile de design și o arhitectură pe blocuri în locul suprascrierilor de CSS inline, cu fonturile Outfit și IBM Plex Sans găzduite local în format WOFF2, optimizări de preîncărcare și linkuri de acces rapid la conținut. Componentele reutilizabile și structura controlată a paginilor au fost alese pentru încărcare rapidă și pentru actualizare ușoară pe termen lung. Scoruri Lighthouse la lansare: verde pe toată linia — Performance, Accessibility, Best Practices, SEO.
Momente-cheie
Directorul de specialități ca motor de navigație
Vechiul site îi punea pe pacienți să răsfoiască liste lungi. Cel nou îi lasă să filtreze după zona corpului: cine are o problemă la genunchi nu trebuie să știe dinainte dacă îi trebuie ortopedie sau kinetoterapie. Alege „Picior”, vede specialitățile relevante și o deschide pe cea potrivită. Filtrarea nu înlocuiește recomandarea medicului, dar reduce efortul de orientare într-o clinică cu peste 30 de specialități.
Formularul de programare
Un formular de contact general nu îi dă clinicii informațiile de care are nevoie ca să direcționeze rapid cererea. Pacientul are de ales o specialitate, eventual un medic, o dată preferată și felul în care vrea să fie recontactat. Formularul Medical One, construit în mai mulți pași, colectează toate acestea, cu consimțământ GDPR și validare în timp real. Cererile ajung pe adresa de email pe care clinica o folosea deja pentru programări, iar mesajul de confirmare îi spune pacientului exact ce urmează („Vă sunăm în cel mult 24 de ore la numărul lăsat”).
Conținut pe care clinica îl întreține singură
Fiecare pagină de specialitate se compune din câmpuri structurate: nume, descriere, medici (cu link), tarife, program, informații esențiale. Când Medical One aduce un medic nou sau schimbă un program, cineva completează câteva câmpuri — nimeni nu umblă la aspectul paginii. Consecvența o ține structura, nu disciplina fiecărei actualizări, iar asta reduce riscul ca paginile să devină neuniforme pe măsură ce echipa adaugă conținut.
Tehnologii
Platformă pe blocuri dezvoltate pentru proiect
WordPress ca interfață de administrare — echipa clinicii îl folosea deja
Câmpuri structurate pentru specialități, medici, tarife și program
Outfit + IBM Plex Sans (găzduite local, WOFF2)
Formular de programare cu validare în browser
Acces către portalul PACS și portalul de rezultate
Schema.org (MedicalBusiness, Place, Organization)
Evaluare de accesibilitate WCAG 2.2 AA · Google Analytics 4 · LiteSpeed Cache
Rezultatul
Medical One are acum un site organizat în jurul acțiunilor care contează pentru pacient: găsirea specialității potrivite, consultarea medicilor și a tarifelor, solicitarea unei programări și accesul către portalul de rezultate. Echipa clinicii actualizează intern medicii, programele și celelalte informații structurate, fără să modifice designul fiecărei pagini.
Ce se poate afirma acum ține de structură și de funcționalitățile livrate: paginile de specialitate sunt unitare, informația se administrează din câmpuri, iar accesul către sistemele externe este vizibil și etichetat clar. Cifrele despre programări, conversii sau timpul până la informație le adăugăm aici doar când avem date comparabile înainte și după.
