De ce studii de caz?

Am cautat destul de mult o denumire pentru o categorie in care sa prezentam procesul prin care ajumgem la produsul finit. Am pornit de la termene deja consacrate ca: “making of” sau “how it’s made”, ambele insa cu relevanta scazuta odata pronuntate in echivalentul lor romanesc. Studiu de caz a devenit astfel denumirea sub care vom aduna articole despre cum, de ce asa si prin ce metode am ajuns de la zero la “ce se vede”.

RomanticFm.ro

Este unul dintre ultimele site-uri realizate, lansarea lui avand loc sa sfarsitul lunii noiembrie, anul trecut.

Inca de la inceput am fost pusi in fata unei teme destul de grele. Clientul voia o regandire a intregului site, simtind ca varianta veche nu mai putea face fata la nevoie de interactiune pe care o cere un site al unui post de radio, mai ales in situatia de fata, in care romantic fm si-a oprit emisia in provincie, restrangandu-si activitatea doar in Bucuresti.  Am avut noroc insa de un client realist – care stia ce-si dorea din punct de vedere tehnic – o implementare pe platforma wordpress. Aceasta decizie raspundea la multe dintre cerintele de interactivitate necesare si ne permitea sa reducem timpul de realizare, termenul lansarii fiind unul foarte strans – 2 saptamani.

Rezolvand partea tehnica am putut sa ne concentram pe grafica noului site. Aceasta componenta trebuia sa fie cea care va defini noul concept si va ajuta in mentinerea imaginii castigate pana atunci – cea de un radio exclusivist, cu muzica de calitate care raspunde nevoii de muzica, nu zgomot. In intalnirea avuta am parcurs toate elementele vizuale care au creat pana in acel moment marca Romantic, un pas importanat care ne-a dat liniile in care trebuia sa ne incadram: imaginea unui stil de viata care preia tot ce era bun odinioara si il regandeste intr-un mod nou, contemporan.

header site

Variata creata a avut  la baza ideea expusa mai sus. Aveam de gand sa folosim elemente vechi, dar sa le prezentam intr-un mod “neprafuit”. Am pornit de la un fundal cu textura de hartie – pentru a crea din start unul din sentimentele cautate – intimitate. Aveam de la inceput nevoia de un meniu puternic care sa scoata in evidenta categoriile sub care vor aparea articolele, urmat de un meniu tehnic pus pe plan secund: despre noi, echipa, cum ascult etc. Din nevoi de ergonomie am hotarat ca elementele  care vor crea accentul de culoare sa fie pozitionate in partea de jos a site-ului, unde puteam crea o zona pur grafica. Headerul site-ului devenea astfel un loc “curat” care permitea afisarea de informatii variate cum sunt siglele statiilor romantic precum si zona de “asculta live”. Prin alegerea unui fundal simplu puteam sa scoatem in evidenta aceste zone, fara sa producem un efect de aglomerare care ar fi dus pana la urma la confuzie.

Site-ul este impartit in 2 coloane – tipice pentru modul de afisare a unui blog. Coloana principala in care sunt afisare articolele este la randul ei impartita in doua, ultimul articol ocupa latimea intreaga , urmand ca sub el sa existe o impartire functionala: pe coloana din stanga articole scrise, iar cea din dreapta stiri. Am simtit nevoia sa cream un fundal pentru coloana principala pentru a usura citirea, nu am vrut insa sa cream o ruptura fata de fundalul site-ului, de aceea am creat o trecere gradata prin tonuri diferite de transparenta. Aveam nevoie de diversitate in alegerea caracterelor – pentru titlu Trebuchet MS – un caracter sans-serif  cu inflexiuni rotunjite – nou dar neagresiv, data articolului este scrisa cu Georgia – un carcater serif  foarte interesant cand vine vorba de cifre prin diferentele de  inaltime, obtinand astfel un joc al imaginii. Titlul categoriei este tratat diferit , trebuie sa iasa in evidenta si sa marcheze articolul – de aici si fundalul rosu ca si accent. Corpul textului este scris cu Arial 12px – tocmai pentru a usura citirea. Toate elementele specifice graficii/navigarii unui blog sunt preluate si ragandite grafic pentru a fi in acelasi spirit cu elementele majore ale site-ului, liniile de separatie intre articlole si legaturile de “mai mult” sunt randate ca linii desenate, in culori pale, tocmai pentru a nu iesi prea mult in evidenta. Unde este nevoie de o impartire mai puternica se folosesc linii punctate care creaza efectul de separare dar in acelasi timp intrepatrund cele 2 articole despartite.

comentarii

detaliu articol

Coloana din dreapta care contine widget-urile blogului a fost gandita ca o completare a celei principale, s-a mers pe o imagine transparenta care sa permita citirea fundalului si sa mentina impresia de curat si liber. Fiecare widget este punctat prin titlu aflat deasupra casutei. Separarea fata de fundal se produce prin folosirea unui efect de umbra foarte subtil.

Zona de subsol a site-ului este gandita ca o zona compacta de mari dimensiuni. Am putut sa alegem aceasta zona ca cea in care vom introduce elementele majore de grafica pentru ca fiind vorba de un blog citirea site-ului este facuta in cele mai multe dintre cazuri pana in aceasta zona, ea devenind vizibila. Asadar nu putem vorbi de o zona neaccesibila si care este trecuta cu vederea ci una care necesita o  prezenta aparte in toata configuratia site-ului. Am ales imaginea masinii americane pentru ca este deja consacrata ca un simbol al libertatii si a unei generatii din care isi trage seva muzica postului.Toate imaginile sunt randate “de mana”, avand la baza imagini ale modelului: masina, stalpul de lumina. Compozitia este completata de pete “de cerneala”, note muzicale si forme abstracte specifice anilor 60-70.  Site-ul se termina prin partea propriuzisa  de subsol , cu repetarea legaturilor de asculta live si a casutei de cautare , care produce o ruptura fata de tot site-ul prin dunga rosie si prin sentimentul de greutate ( textura ce aduce a carton) devine astfel un punct de sprijin.

Va invitam sa accesati site-ul, o data ziua, o data seara ( o sa intelegeti de ce) si daca va place, sa faceti din aceste vizite un obicei.