Prezentare generală
Uroclinic Craiova este o clinică privată de urologie, cu o linie dedicată de obstetrică-ginecologie, la care ajung pacienți din Dolj și din restul Olteniei. Clinica acoperă consultații, imagistică, chirurgie minim invazivă, tratamentul litiazei renale, proceduri de prostată, tratamentul incontinenței și îngrijire ginecologică. Site-ul anterior prezenta informații generale, dar serviciile și tarifele erau greu de parcurs și de actualizat. Am reconstruit totul de la zero, în jurul unui sistem de tarife: fiecare serviciu are propria intrare, cu tariful orientativ afișat, organizate în acordeoane prin care pacienții se pot lămuri singuri înainte să sune.
Provocarea
În acest proiect, lipsa unei prezentări clare a tarifelor era una dintre principalele probleme de informare. Pacientul nu știa cât o să-l coste. Suna, întreba, primea răspunsuri vagi și închidea frustrat.
Uroclinic avea cifrele — doar că nu avea cum să le arate. O listă simplă ar fi fost greu de citit: zeci de servicii, împărțite pe mai multe categorii, cu tarife foarte diferite între ele. O listă introdusă manual într-o pagină ar fi fost greu de actualizat și de verificat pe măsură ce serviciile se schimbau. Iar o componentă gata făcută nu s-ar fi potrivit cu structura de categorii și cu felul în care clinica își administrează conținutul.
Partea cu adevărat delicată: site-ul trebuia să aibă căldura pe care clinica o are deja în realitate. Urologia e o specialitate sensibilă, așa că interfața trebuia să fie clară, discretă și lipsită de dramatizare. Un site steril, corporatist, ar fi ținut pacienții la distanță. Unul medical, dar uman, îi ajută să treacă pragul.
Abordarea
Am tratat tarifele ca pe un tip de conținut, nu ca pe un tabel. Fiecare serviciu e o intrare structurată: nume, interval de preț, o descriere opțională și o categorie. Categoriile sunt acordeoane — consultații, endocrinologie, obstetrică-ginecologie, proceduri chirurgicale — și fiecare arată, la deschidere, serviciile din ea. Pacientul găsește categoria care îl interesează, o deschide, citește tarifele și merge mai departe. Structura poate fi extinsă fără să îngreuneze navigarea.
Tarifele publicate au rol orientativ: costul final depinde de complexitatea cazului și este confirmat de clinică. Site-ul spune asta explicit, ca informația să fie utilă fără să promită un preț care nu poate fi stabilit înainte de evaluarea medicală.
În restul site-ului am mers pe căldură, fără să pierdem credibilitatea medicală. Teal ca nuanță principală, cu accent portocaliu — o direcție vizuală mai apropiată și mai puțin rigidă decât albastrul rece, cu contrastul și lizibilitatea verificate. Portrete reale ale medicilor, cu titlurile lor academice. Plus contoare animate cu cifrele comunicate de clinică: 15+ ani, 30.000+ pacienți, 34 de medici.
Soluția
- Site construit la comandă, pe arhitectura noastră in-house
tangled-design - Sistem de tarife pe acordeoane, cu categoriile și intervalele afișate la lansare:
- 30 de consultații, între 80 și 2.800 RON
- 6 servicii de endocrinologie, între 100 și 450 RON
- 31 de servicii de obstetrică-ginecologie, între 60 și 6.050 RON
- 79 de proceduri chirurgicale, între 490 și 15.000 RON
- Mențiunea că tarifele sunt orientative, iar costul final depinde de complexitatea cazului
- Blog cu filtrare fără reîncărcarea paginii, organizat la lansare pe Proceduri / Afecțiuni / Analize / Ginecologie
- Trei profiluri de medici puse în față, cu trimitere spre pagina completă a echipei medicale
- Contoare animate cu cifrele comunicate de clinică: 15+ ani de experiență, 30.000+ pacienți tratați, 34 de medici în echipă
- 21 de testimoniale de la pacienți, cu rating de 5 stele, afișate direct în pagină la lansare
- Date structurate JSON-LD pentru clinică, business local și organizație
- Imagine principală responsive, servită ca
<picture>cu surse WebP/JPEG - Fontul Inter, găzduit local (subseturile Latin + Latin Extended), pentru performanță
- Google Maps integrat în pagina de contact
- Două numere de telefon la vedere: programări și relații cu pacienții
Momente-cheie
Sistemul de tarife pe acordeoane
Pe vechiul site, tarifele erau o notă de subsol. Pe cel nou, sunt un element central al paginii de servicii. Pacientul ajunge acolo și vede patru categorii clare. Apasă pe cea care îl interesează — să zicem „Proceduri chirurgicale” — și acordeonul se deschide cu procedurile din ea și tarifele lor orientative, fără a părăsi pagina.
Căldură fără artificii
Paleta teal + portocaliu nu e o întâmplare. Am ales-o ca să evităm aspectul rece și impersonal pe care îl are un subiect deja inconfortabil, păstrând contrastul și lizibilitatea: teal pentru nuanța principală, un accent portocaliu prietenos fără să fie strident, portrete reale ale medicilor și mult spațiu de respiro.
Arhitectura in-house, refolosită
Site-ul rulează pe aceeași arhitectură tangled-design ca hopenodrugs.eu, un ONG cu finanțare europeană — doi clienți complet diferiți, două designuri complet diferite, aceeași bază dedesubt. Reutilizarea componentelor și a practicilor testate anterior reduce munca repetitivă, dar fiecare implementare este adaptată și verificată separat.
Tehnologii
Site construit la comandă (arhitectura in-house tangled-design)
Inter găzduit local (WOFF2, subsetat)
Componente de tip acordeon pentru tarife (vanilla JS)
Încărcare dinamică a articolelor (AJAX)
Date structurate Schema.org (clinică, business local, organizație)
<picture> responsive, cu WebP + variantă de rezervă JPEG
Speculation Rules API pentru prefetch
Rezultatul
Un site modern pentru o clinică, în care serviciile, tarifele orientative, medicii și datele de contact sunt reunite într-o structură coerentă. Pacientul găsește tarifele în categoria care îl interesează, vede medicii clinicii și are numărul de telefon la îndemână, în același traseu. Iar tarifele le actualizează chiar echipa clinicii, prin câmpuri structurate.
