Din sugestiile binevenite pe care le-au mai dat oamenii din industrie spicuim ce ni s-a parut noua mai relevant:

- Renuntati la caciulite de Mos Craciuni si Craciunite pe logo, la fulgii purtati romantic de vanturile www-ului in homepage-ul plictisit si la luminitele zburdalnice care duc la defocalizarea imaginii.

- Incercati sa integrati armonios micile artificii in designul deja existent.

- Nu adoptati aceasta “sezonalitate vizuala” in mediul business-to-business.

Si cel mai important: construiti-va strategia bazandu-va pe o nevoie de comunicare a unui mesaj.

We did not change as we grew older; we just became more clearly ourselves!

Am ales sa ne schimbam identitatea vizuala pentru a ne consolida pozitia in randul jucatorilor importanti pe piata de interactive din Romania. Cei sapte ani de experienta in care am dezvoltat campanii si proiecte online de succes vin sa sustina aceasta pozitionare. Senior Interactive este un brand care vorbeste despre inovatie, pune accentul pe rezultate prin tehnologie si, nu in ultimul rand, trateaza cu respect brandurile cu care lucreaza. Iar noul logo vorbeste exact despre aceste valori.

Castigatorii  Internetics 2009 ii gasiti  aici.

P.S.  Mai multe despre proiect si despre premiul castigat la Web Award gasiti aici.

“Cred ca e o noutate la nivel mondial, din cate stim suntem primii care au facut comunicare de brand folosind un “brand character” dotat cu inteligenta artificiala. Brandul ne-a pus la dispozitie “candidatul” perfect – curcubeul Skittles, care e tanar, jucaus, cu simtul umorului, imprevizbil. Nu e doar o premiere absoluta, a fost si un tur de forta – practic, putem spune ca am facut un robot conversational sa creada ca e curcubeu si sa invete romana in mai putin de trei saptamani” spune Corin Chiriac, Strategy Directorul nostru.

Modelul de comunicare propus de site este unul interactiv. Vizual, lumea Skittles este una circulara, impartita in trei mari zone: o zona subacvatica, in care o caracatita ghicitoare prezice viitorul vizitatorilor, un al doilea spatiu, semi-terestru, in care utilizatorii vor putea conversa cu curcubeul Skittles si o a treia zona, spatiul cosmic. Skittles.ro este unul dintre acele site-uri care te invita sa le explorezi in joaca, fiind plin la fiecare pas de surprize amuzante.

Un alt element de pionierat pentru Romania este inter-conectarea cu Facebook, utilizatorul avand la dispozitie aceasta optiune care ii permite sa aiba nu doar o experienta personalizata pe site, ci si sa imparta cu prietenii rezultatele interactiunilor din “lumea Skittles”.

De-a lungul urmatorului an proiectul va urma un proces de dezvoltare continua. Ca si personaj conversational, Curcubeul “invata” cu ajutorul utilizatorilor, urmand sa atinga maturitatea conversationala undeva dupa primul an de existenta.

Echipa Senior Interactive implicata in acest proiect: Corin Chiriac – Strategy Director; Stefan Boiangiu – Senior Web Designer; Catalin Dumitrescu – R&D Manager; Sorin Chiprian – Senior Flash Developer; Darin Choibi – Web Developer; Razvan Albu – Senior Project Manager; Alina Ilie – Account Manager; Radu Glont – Account Director
Sustinatorii proiectului din partea Wrigley Romania au fost Marian Chiraches, Brand Manager, Wrigley Balkan East si Geanina Babiceanu, Marketing Director, Wrigley Balkan East.

Homepage Skittles

Curcubeul Skittles

Caracatita Skittles

“Toata lumea cauta noi modalitati de a-si face site-ul mai interactiv. Isi pot construi propriile lor aplicatii sociale, dar ar fi mai bine pentru ei sa construiasca deja avand la baza capitalul unui sistem de socializare foarte popular”, a declarat Sheryl Sandberg, Chief Operating Officer al Facebook.

Catalin … aka “lord of the files” de la R&D … a realizat un demo bazat pe acest serviciu aici. Va invitam la o aventura personalizata. Enjoy!

P.S. Trebuie sa aveti un cont de Facebook pentru a va putea loga in site.

[...] La două luni de la relansarea magazinului online Orange, noua versiune îmbunătăţită a generat vânzări de 12 ori mai mari decât în perioada iunie-iulie a anului 2008. Numărul vizitatorilor unici ai magazinului online a crescut de peste 5 ori, iar numărul paginilor vizitate s-a dublat în iunie şi iulie 2009 comparativ cu perioada similară a anului precedent. [...]

Va amintiti probabil post-ul nostru vesel din toamna cand ne bucuram sa lucram pentru Orange pe mega-proiectul de optimizare shop. Ei bine, iata ca am finalizat proiectul si avem si rezultatele muncii noastre. Orange are in acest moment o echipa extraordinar de buna si de profi in zona de online, care va face totul pentru a mentine trendul ascendent. Sunt sigur ca va reusi

Aici comunicatul integral:
http://www.comunicatedepresa.ro/index.php?comunicatid=NTUzNzI=

Criza, stagnare – tot vom manca guma, vom bea bere si vom avea nevoie de medicamente si alcool
A, si sa nu uit – vom vorbi la mobil. Pe scurt, iata cum arata domeniile de succes pe online-ul romanesc.

asadar, sa ne amintim de cele scrise in titlu si cat am lucrat la orbit – dar mai ales sa ne bucuram de el:

http://www.orbitworld.ro/

Google Labs si-a facut din nou treaba. Un experiment foarte cool – revin cu rezultate: cauti Similar Images, dupa care iei PhotoSynth-ul si le combini. Rezultat – vom vedea

ceva detalii am mai gasit si aici: http://adage.com/digitalnext/post?article_id=136190

1. Am fost lasat de capul meu dpdv creativ;
2. Clientu’ a fost incantat

So, there u have it – brief, concept, structurare vizuala & layout.

Briefu’
Niciun proiect nu poate incepe fara brief.
Nu, nu exista exceptii. Briefu’ e ca gravitatia, fara el esti cu totu-n aer. Cu cat e mai bine scris, cu-atat ne atingem targetul mai eficient. In mare, ni s-a cerut sa facem o comunitate online, orientata pe dating si care se adreseaza tinerilor  cu varste 18-24, de toate felurile si categoriile. Deci, incepand de la emo pana la rockeri, de la clubberi pana la skateri, de la goth pana la hiphop, de la punk pana la manele trebuie sa-i multumesti pe toti. Nu este usor, varietatea de gusturi la aceasta varsta este maaaaaaaare de tot.

Ce au cu totii in comun? Poate ca muzica, modernul si socializarea sunt un inceput
Conceptul e simplu si frumos: un sarut poate apropia pe oricine de oricine, indiferent de diferentele de caracter – apropiere fara limite

Structura
Cand vine vorba de structurarea informatiei intr-un site tre’ sa tii cont de urmatoarele:

• usability;
• accesability;
• comunicare;
• continuitate.

Cu cat respect mai bine aceste 4 categorii mari si late, cu-atat site-ul meu isi capata atributul de user friendly. So, ce e de facut? Se iau urmatoarele functionalitati si se organizeaza vizual in ordinea importantei:

1. cautare de profiluri [cautare dupa mai multe criterii populare: sex, varsta, poze etc.]
2. profilul tau [login + inregistrare]
3. socializare [ evenimente, muzica etc.]
4. tehnici de comunicare [tips'n'tricks de agatat, sfaturi]

Pe langa ele mai adaug un header unde, saptamanal sau lunar, scoatem in evidenta ce e mai important pe site. Structura e simpla, eficienta iar skeletul ei arata cam asa:

Nu, acesta nu este vizualul. Da, exista oameni in acest domeniu carora trebuie sa le subliniezi acest lucru.
Dupa ce m-am jucat cu rasucit / skimbat / adaugat / scos boxuri de informatie si call to action in functie de gradele de importanta, am zis sa ma duc sa validez acest wireframe si cu baietii de pe la strategie. Toata lumea e ok, asadar de-abia acum urmeaza partea juicy:

Incadrare in browser

Eh, undeva la granita dintre layout si structura se mai afla incadrarea in browser. Aici ar fi un punct de placare daca vrei sa intelegi diferenta [dpdv vizual] dintre un layout web si un layout de print. Daca majoritatea userilor de internet folosesc rezolutia 1024×768, asta inseamna ca vizualul nostru nu trebuie sa sara de 980px latime [+scroll] iar cele mai importante elemente din site trebuie sa fie afisate in primii 550px din lungimea site-ului. Personal, prefer latimea de 960px, caci sunt un mare fan al backgroundului iar in cazul de fata nu e necesar un display de 100% al layoutului pe browser. Vizualul nostru ar trebui sa se incadreze cam asa:

Layout

Eh, si iata ca a sosit momentul mult asteptat, moment in care nu mai trebuie sa-ti faci griji pt spatieri, incadrari, organizare, usability si alte nebunii [ce sunt deja marcata pe canvasul tau prin rulers si guidelines].
Layoutul are si el, dragutul, o serie de constrangeri, reguli, sugestii… care pana la urma urmei nu fac decat sa-ti inlesneasca munca, daca tii cont de ele. Deci, e bine sa tii cont de:

1. outline
2. cromatica
3. content
4. animatie
5. SEO
6. implementare

Outline-ul este o buna metoda de a verifica cantitatea vizuala a layoutului, ce nu tre’ sa fie nici prea plin [obositor] dar nici prea slab [unappealing] si functioneaza cam asa: de-ndata ce elimini cromatica din site, poti observa mai usor aglomerarile inutile de sectiuni, de obicei exprimate prin linii, curbe etc.
Ok, hai sa-ti dau un exemplu: sa presupunem ca avem cateva boxuri de informatie, evidentiate prin backgrounduri diferite. In acest caz evidentierea cromatica este sufiecienta, nu mai e nevoie de ‘ingrosare’ prin diverse outline-uri [simple is better]. Cec aut dis vijual:

Cromatica - pentru ca un site sa fie spectaculos, nu tre sa aiba multe culori, ci sa distribuie corect 3-4 culori, in functie de necesitati. Asadar, pe langa clasicul alb/negru [inkis/deskis] am adaugat albastru si portocaliu, culori complementare a caror combinatie e vie, e funky fresh si ma ajuta sa ierarhizez vizual informatia din site.
Blocurile de suport ale contentului sunt albe pe negru [negru in cazul nostru este albastru marin inkis si sters], iar linia de design este oarecum ‘rebela’ pt. un bloc de content [analizandu-le insumat], atat cat sa sparga clasicul box cu colturi rotunjite, dar nu atat cat sa incurce si sa de dea furca implementarii. Nu uita, aceste este totusi un site de content, un portal de dating [adica tre sa faciliteze afisarea informatiei in detrimentul spectaculozitatii vizuale].

Avand in vedere ca ApropiereFaraLimite.ro este un site de content [text + poze], acestea trebuie scoase in evidenta ierarhic; avem albastru si portocaliu, asadar, portocaliu il voi folosi in titluri, caci automat fontul va fi mai mare, deci trebuie sa fie luminos, iar albastru pt content [text simplu] si subtitluri:

Animatia o pastrez in punctele cheie: header, call to action si bannere; de obicei acestea 3 au o cantitate de text mica, deci te poti juca cu ea in animatii [flash].
Nu, n-am uitat! Foarte important baaaah >> SEO, adicatalea Search Engine Optimization. Degeaba desenezi ce desenezi, daca dupa implementare, vecinu’ gugle nu stie sa citeasca la tine in site. So, ai grija, nu sacrifica mecanisme de SEO de dragul frumusetii inutile.

Eh, ajuns la final, vizualul meu arata cam asa:

Se serveste fierbinte, dupa preferinta; Enjoy