TUIASI — Reproiectare website universitar

Provocarea

Universitatea Tehnică “Gheorghe Asachi” din Iași — TUIASI — e una dintre cele mai vechi și mai respectate universități tehnice din România. Dar website-ul spunea o cu totul altă poveste.

Site-ul avea peste un deceniu. Paginile se încărcau greu, navigarea era îngropată pe cinci niveluri adânc, iar designul vizual aparținea unei ere în care website-urile universitare erau practic broșuri digitale. Sistemul de management al conținutului fusese patch-uit și extins de atâtea ori încât și cele mai simple actualizări necesitau intervenția unui dezvoltator.

Apoi a venit catalizatorul: Președintele României a anunțat o vizită la universitate — în patru săptămâni. Administrația avea nevoie ca website-ul să reflecte calitatea și ambiția reală a instituției, nu neglijența ei digitală. Patru săptămâni pentru a reconstrui un site care servea studenți potențiali, studenți actuali, cadre didactice, cercetători, absolvenți și mass-media.

Complexitatea era și mai mare:

• Navigare pe cinci niveluri care îngropa informațiile critice în spatele straturilor de click-uri
• 11+ site-uri de facultăți fiecare cu propriul limbaj de design, structură de conținut și echipă de întreținere
• 14MB greutate medie a paginii care făcea accesul mobil aproape imposibil în zone cu conectivitate limitată
• Niciun design responsive — site-ul era doar pentru desktop într-o lume în care majoritatea studenților potențiali navighează de pe telefon

Faza 1: redesign de urgență

Cu patru săptămâni pe ceas, a trebuit să fim necruțător de strategici cu scopul. Faza 1 s-a concentrat pe experiența publică — paginile pe care le-ar întâlni un demnitar în vizită, un student potențial sau un jurnalist.

Arhitectură CSS Grid

Layout-ul a fost reconstruit pe CSS Grid, înlocuind layout-urile bazate pe tabele și hack-urile cu float din original. Doar această schimbare a permis comportament responsive pe toate dimensiunile de ecran și a simplificat dramatic codul.

Sistem curat de culori

Culorile oficiale ale universității au fost extrase și sistematizate într-o paletă funcțională. Albastru primar pentru navigare și headere, accent auriu pentru apeluri la acțiune, griuri neutre pentru fundaluri de conținut și culori semantice pentru alerte și indicatori de status. Paleta a fost documentată cu rapoarte de accesibilitate pentru a preveni eșecurile de contrast care afectau vechiul design.

Navigare aplatizată

Navigarea pe cinci niveluri a fost comprimată la două niveluri. Navigarea primară acoperă audiențele principale ale universității: Viitori Studenți, Studenți Actuali, Cercetare, Despre și Contact. Nivelul secundar oferă acces direct la facultăți și servicii cheie. Restul e accesibil prin căutare sau linkuri contextuale din paginile de conținut.

Optimizare performanță

Greutatea paginii a scăzut de la 14MB la 1,3MB — o reducere de 91%. Imaginile au fost comprimate și servite în formate moderne. CSS-ul și JavaScript-ul neutilizat au fost eliminate. Fonturile web au fost subset-uite pentru a include doar caracterele efectiv folosite. Rezultatul a fost o îmbunătățire de 10x a vitezei de încărcare, transformând experiența mobilă din inutilizabilă în instantanee.

Redesignul de urgență a fost lansat la timp, cu două zile înainte de vizita prezidențială.

Faza 2: arhitectură informațională strategică

Cu criza imediată rezolvată, Faza 2 s-a concentrat pe munca structurală mai profundă care avea să servească universitatea pentru anii următori.

Cercetare universitară europeană

Am studiat website-urile universităților tehnice de top din Europa — TU Delft, ETH Zurich, KTH Stockholm — pentru a înțelege cele mai bune practici pentru experiențe web academice. Au apărut pattern-uri comune în jurul navigării orientate pe audiență, vizibilității cercetării și funnel-urilor simplificate de admitere.

Organizare după interesul utilizatorului

Vechiul site era organizat în jurul structurii administrative a universității — departamente, birouri, comisii. Noua arhitectură a fost reorganizată în jurul intereselor și sarcinilor utilizatorilor:

• “Vreau să aplic” — o călătorie simplificată de admitere de la descoperirea programelor la depunerea cererii
• “Vreau să cercetez” — acces direct la laboratoare, publicații, oportunități de finanțare și instrumente de colaborare
• “Am nevoie de ajutor” — servicii centralizate pentru studenți, suport IT și contacte administrative
• “Vreau să vizitez” — hărți ale campusului, calendare de evenimente și tururi virtuale

Fiecare călătorie a fost mapată cap-coadă, cu fiecare pagină concepută să răspundă la o întrebare și să indice următorul pas logic.

Arhitectură bilingvă

TUIASI servește atât studenți români, cât și internaționali, așa că întregul site a fost conceput cu suport bilingv complet în română și engleză. Nu era un simplu strat de traducere — arhitectura informațională a fost adaptată pentru fiecare audiență, recunoscând că studenții internaționali au întrebări diferite, puncte de intrare diferite și criterii de decizie diferite.

Conținutul a fost structurat astfel încât versiunile română și engleză să partajeze aceleași intrări din CMS, reducând efortul de întreținere și asigurând că actualizările se propagă simultan în ambele limbi.

Design unificat al facultăților

Cele 11+ site-uri de facultăți au fost aduse sub un singur design system cu template-uri flexibile. Fiecare facultate își păstrează identitatea prin accente de culoare și imagini hero, dar partajează pattern-uri de navigare, structuri de conținut, tipografie și stiluri de componente. Această abordare a redus efortul de întreținere asigurând totodată că un student care navighează de la Inginerie la Informatică întâlnește o experiență consistentă.

Insight-ul cheie

Proiectul TUIASI ne-a învățat o lecție care se extinde dincolo de web design: cea mai elegantă soluție e inutilă dacă organizația nu o poate adopta.

Website-urile universitare sunt medii politice. Fiecare decan de facultate, fiecare șef de departament, fiecare birou administrativ are opinii despre cum ar trebui prezentat conținutul lor. Provocarea tehnică de a construi un website rapid, frumos și accesibil era simplă. Provocarea umană de a alinia zeci de stakeholderi cu priorități concurente — aceea a fost adevărata muncă.

Succesul a necesitat echilibrarea excelenței de design cu diplomația organizațională — prezentând argumente clare pentru fiecare decizie, construind consens prin prototipuri în loc de prezentări și încadrând reproiectarea ca o ridicare a conținutului tuturor, nu ca o critică a alegerilor cuiva.

Cifrele validează abordarea: 4.200 de studenți noi înscriși în anul următor reproiectării — cea mai mare promoție de admitere din istoria digitală de 12 ani a universității. Un website care respectă timpul și inteligența utilizatorilor săi se dovedește a fi un instrument puternic de recrutare.