Design Website
Patru săptămâni. Cu 91% mai rapid. Creștere record a admiterilor.
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:
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.
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.
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.
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.
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ă.
Cu criza imediată rezolvată, Faza 2 s-a concentrat pe munca structurală mai profundă care avea să servească universitatea pentru anii următori.
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.
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:
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.
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.
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ă.
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.
Hai să vorbim
Ne-ar plăcea să auzim la ce lucrezi. Fără pitch, doar o conversație sinceră.
Aplică pentru un Audit de Strategie