Medical One — o clinică privată multidisciplinară, reconstruită

Prezentare generală

Medical One este o clinică privată multidisciplinară: 34 de specialități, imagistică avansată (CT cu 128 de slice-uri, RMN de 1,5T, ecografie 4D, radiografie digitală), analize de laborator în parteneriat cu Bioclinica, chirurgie de zi și medicina muncii. Înainte de reconstrucție, Medical One avea un site de prezentare generic, care nu spunea nimic despre anvergura sau seriozitatea clinicii. Acum, în locul lui stă o platformă gândită pentru pacienți și legată efectiv de sistemele cu care lucrează clinica zi de zi — fluxul de programare, viewer-ul PACS pentru medicii trimițători și portalul de rezultate — totul pe o arhitectură custom pe blocuri, pornită de la zero pentru acest proiect.

Provocarea

Online, o clinică privată e invizibilă dacă nu investește în credibilitate. Vechiul site Medical One avea aceleași metehne ca mai toate site-urile medicale regionale: meniuri stufoase, un buton „Programare” care ducea la un formular de contact generic, pagini construite fiecare după alt calapod și nicio modalitate reală de a arăta ce înseamnă, concret, o clinică cu 34 de specialități. Pacientul care căuta o anumită specialitate ateriza pe o pagină care nu-i răspundea la niciuna dintre întrebările esențiale: ce face clinica asta, cine sunt medicii, cât costă și cum mă programez.

Adevărata provocare era însă în altă parte: clinica lucrează cu două sisteme externe esențiale — viewer-ul PACS, în care medicii trimițători se loghează pentru rezultatele imagistice, și un portal separat unde pacienții își găsesc rezultatele de laborator și de imagistică. Pe site-ul vechi, amândouă zăceau îngropate sub link-uri obscure. Și medicii, și pacienții pierdeau timp ca să ajungă la informații care li se cuveneau.

Abordarea

Am pornit de la un audit serios de arhitectură a informației: am luat la rând fiecare specialitate, fiecare departament de imagistică, fiecare serviciu de laborator, fiecare pagină. Le-am organizat 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. Am definit un template unic pentru paginile de specialitate — informații esențiale, medici, prețuri, program — și l-am aplicat la toate cele 34. Iar cele două sisteme externe, PACS și portalul de rezultate, le-am adus în față, direct pe homepage: etichetate clar, prezentate astfel încât să inspire încredere și accesibile din orice pagină.

Echipa clinicii știa deja WordPress de pe site-ul vechi și voia să rămână pe o interfață de administrare familiară. Așa că am construit peste el o arhitectură complet custom, pe blocuri — fără Elementor, fără page-buildere, fără teme de-a gata. Un build făcut ca la carte, pornit de la un fișier gol: se încarcă rapid, stă foarte bine la Core Web Vitals și e structurat în așa fel încât echipa clinicii să poată adăuga un medic nou sau să schimbe un program fără să umble la layout.

Soluția

• Platformă custom pe blocuri, botezată medical-one, construită de la zero, cu WordPress pe post de strat de administrare. Fără temă din marketplace, fără page-builder. Fiecare componentă e desenată și scrisă de mână, dintr-un fișier gol.
• Formular de programare custom, cu dropdown-uri pentru tipul de serviciu și specialitate, consimțământ GDPR și validare pe client — legat de un obiect JavaScript MO_Data și de un handler mo-app-js, amândouă scrise pentru acest proiect. Nu o improvizație peste Contact Form 7.
• Director de specialități cu filtre — toate cele 34, filtrabile după zona corpului (Cap, Inimă, Ochi ș.a.m.d.), cu comutare între consultații și intervenții chirurgicale. Gândit ca pacientul să ajungă la specialitatea potrivită din cel mult două tap-uri.
• Carusel de specialități cu swipe („Glisează”) pe homepage, cu testimoniale care se pot extinde — 20 de recenzii verificate de la pacienți, afișate direct în pagină, nu ascunse undeva separat.
• Fișe tehnice adevărate pentru echipamente — CT-ul cu 128 de slice-uri, RMN-ul de 1,5T și ecograful 4D au conținut structurat, cu specificații reale, nu vorbe de umplutură.
• Parteneriatul de laborator cu Bioclinica, integrat în secțiunea de diagnostic
• Markup schema.org complet — MedicalBusiness, Place, Organization — pentru rich results în căutare
• Conformitate WCAG 2.2 AA pe tot site-ul — navigare din tastatură, testare cu screen reader, HTML semantic, contrast corect

Build-ul medical-one folosește un sistem propriu de design tokens, arhitectură pe blocuri în locul suprascrierilor de CSS inline, fonturile Outfit + IBM Plex Sans servite self-hosted în WOFF2, prefetch hints și skip-link-uri pentru accesibilitate. Scoruri Lighthouse: 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. Cel nou îi lasă să filtreze după zona corpului: cine „are ceva la genunchi” nu trebuie să știe dinainte dacă îi trebuie ortopedie sau kinetoterapie. Apasă pe „Picior”, vede toate specialitățile relevante și o alege pe cea potrivită. E genul de lucru care pare de la sine înțeles după ce l-ai văzut — și care schimbă complet felul în care oamenii folosesc un site medical.

Formularul de programare

Un formular de contact generic din WordPress nu e un formular de programare. Pacientul are de ales o specialitate, eventual un medic, o dată preferată și felul în care vrea să fie recontactat. Am construit un formular custom, în mai mulți pași, legat de adresa de email pe care clinica primea deja programările, cu consimțământ GDPR, validare în timp real și un mesaj de confirmare care î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), prețuri, 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 layout. Consistența o impune designul, de la sine. Asta e diferența dintre un site care arată bine în ziua lansării și unul care arată la fel de bine și peste trei ani.

Stack-ul tehnic

Custom block-based platform (medical-one, built from scratch)
WordPress as the admin layer — chosen because the clinic team already knew it
Outfit + IBM Plex Sans (self-hosted WOFF2)
Custom booking form with JavaScript handler
Integrations with external PACS viewer and patient results portal
Schema.org (MedicalBusiness, Place, Organization)
WCAG 2.2 AA compliance · Google Analytics 4 · LiteSpeed Cache

Rezultatul

O platformă live, complet funcțională, croită pe realitatea clinicii, a pacienților și a medicilor. Că site-ul e întreținut activ se vede până în footer, unde programul de sărbători e mereu la zi. Conținutul și-l actualizează chiar echipa clinicii, iar medicii noi intră în site prin câmpuri structurate. Experiența pacientului e sensibil mai bună — nu datorită vreunui text de marketing, ci datorită unor decizii de design care respectă ce au oamenii de făcut acolo.