Modificarile vexio.ro din ultimul an

Tags: , , , , , publicat pe data de 19 Octombrie 2009

Durata de citire: 6 – 9 minute

De cateva zile ma gandesc sa fac o comparatie pentru vexio.ro intre anul trecut cand am participat pentru prima data la Gala Premiilor eCommerce si anul acesta pentru a scoate in evidenta ce anume am adus in plus site-ului pentru clienti, de atunci. Saptamana aceasta s-au incheiat jurizarile si testele de uzabilitate si pentru GpeC 2009, la care participam de aceasta data la sectiunea “magazine cu traditie”. Voi detalia in cele ce urmeaza fiecare pagina / modul in parte:

Prima pagina a magazinului

Vexio home page

imagine: homepage full view

Am creat un modul de “cautare rapida” pentru categoriile de produse, deoarece de obicei utilizatorul nu are rabdare sa caute intr-un meniu atat de mare.

In partea centrala a primei pagini, strategia a fost de a scoate mai mult in evidenta promotiile, discount-urile si produsele nou-intrate in magazin facand urmatoarele modificari:

  • marirea slideshow-ului de bannere cu 60 px pe inaltime, cel vechi avand 200 px, rezultand astfel unul de 260 px, ducand la sporirea vizibilitatii promotiilor si campaniilor derulate de noi;
  • adaugarea a 2 elemente grafice cu link-uri catre sectiunea magazinului dedicata produselor Apple si unul pentru configuratorul de sisteme desktop ce va fi detaliat mai jos in acest articol;
  • introducerea a 3 zone pe orizontala pentru: promotiile curente – produsele ce vin insotite de cadouri, discount-uri – produsele ce contin preturi reduse si produsele nou-intrate in gama noastra (fiecare dintre acestea avand propriul rss feed).

Footer-ul, de asemenea, a fost total reorganizat, pentru a scoate mai mult in evidenta premiile, atestarea GPeC 2009 si securizarea ssl pe care magazinul le detine.

Finisaje si module noi

Anumite pagini si module au suferit modificari sau au fost chiar re-dezvoltate din motive “tehnice” si anume:

Datele personale: pagina a fost reorganizata pentru a evidentia campurile care trebuie completate, in functie de tipul de client (existent sau nou).

Butonul “sistem de comparatie“: inlocuieste butonul “compara produs”, pentru a evita confuziile pe viitor. Acest lucru s-a intamplat anul trecut, cand testerii GPeC faceau confuzie intre “cOmpara produs” si “cUmpara produs”.

Functia wishlist: este disponibila doar daca esti autentificat in cont, pentru ca produsele sa fie salvate in acelasi cont cat timp se doreste.

Alertele: la adaugarea de produse in cos sau in wishlist, sunt oferite optiunile legate de alegerea pe care doresti sa o faci, fara sa se paraseasca pagina de produs. Aceste alerte sunt mult mai intuitive si la indemana, fata de cele anterioare (aceasta fiind una dintre dificultatile pe care au intampinat-o testerii de anul trecut de la GPeC, deoarece daca utilizatorul se afla in josul paginii si adauga un produs in cos nu ii aparea nici un mesaj de confirmare, iar cosul se afla in partea de sus a paginii, departe de aria de vizibilitate a utilizatorului).

Alerta

Cadouri si reduceri de pret: La fiecare produs ce contine un cadou sau reducere de pret, acestea sunt evidentiate si afisate sub produs.

Sectiunea cu propuneri/recomandari Vexio: in cazul in care utilizatorul este nehotarat in privinta unui produs, el poate accesa aceasta sectiune pentru a merge “la sigur”. Produsele recomandate sunt marcate cu banderola “propus”.

Newsletter-ul

Newsletter vexio

imagine: vexio newsletter

Mmmmm … ce-mi place partea asta. Imi place pentru ca etapa de newsletter a fost una destul de ‘fun’, pentru ca am incercat diverse metode si modele de newsletter pentru vexio.ro, 3 mai exact, pana am ajuns la varianta finala, care sa ne convina si sa se muleze exact pe ceea ce aveam noi nevoie si anume de a scoate in evidenta promotiile (produse + cadouri) si discount-urile saptamanii care sunt destul de importante si relevante pentru clienti. Pentru a realiza acest lucru, am trecut prin urmatoarele etape:

  • am creat prima varianta de newsletter care a fost cam “prost” gandita de la inceput (recunosc!);
  • am dezvoltat un modul in platforma magazinului pentru trimiterea newsletter-ului;
  • am creat a doua versiune de design pentru newsletter la care am renuntat in scurt timp deoarece nici versiunea asta nu se potrivea nevoilor magazinului.
  • am ajuns la a treia versiune de newsletter la care am analizat mai multe lucruri si am fost ajutati de Alex Volocaru cu un wireframe, rezultand design-ul final;
  • au urmat modificarile modulului de trimitere a newsletter-ului (newsletter-ul se “asambleaza” in maxim o ora si poate fi trimis) + setarile serverului pentru ca newsletter-ele trimise de noi sa ajunga in inbox;
  • iar pe final am creat design-ul pentru pagina de abonare la newsletter ce contine formularul de abonare, motivele pentru care ar trebui sa fii abonatul nostru si arhiva newsletterelor saptamanale trimise de noi.

Facelift pentru sectiunea apple

Apple

imagine: apple homepage full view

Magazinul dedicat Apple, de asemenea, a avut parte de un facelift, prima pagina fiind reorganizata in doua categorii, si anume, produse Apple pe game de produse si noutati Apple (produse nou adaugate in baza de date). Pe aceeasi pagina veti regasi si RSS-urile la fiecare sectiune in parte.

Configurator de sisteme desktop

Configurator de sisteme desktop

imagine: user interface design full view

Am pastrat configuratorul ultimul pentru ca este modulul din site la care tin cel mai mult deoarece s-a muncit o perioada la el. Configuratorul de sisteme desktop a fost realizat in flash, iar legatura cu baza de date a fost realizata prin intermediul php-ului (nu are rost sa intru in detalii pe partea asta) si functioneaza in felul urmator:

  • Selectezi platforma pentru sistemul tau: Intel sau AMD, iar in acel moment se filtreaza automat toate produsele compatibile platformei selectate (placi de baza si procesoare);
  • Urmeaza selectarea procesorului, dupa care automat se genereaza lista cu placile de baza compatibile cu procesorul selectat si tot asa si pentru celelalte componente, astfel incat sistemul final sa fie unul compatibil si sa ruleze fara nici o problema cand ajunge la client.

Acestea fiind spuse … sunt curios de rezultatul pe care-l va obtiune Vexio la Gala Premiilor eCommerce, avand in vedere ca anul asta participam pentru magazinul anului. Gala se desfasoara maine 20 octombrie 2009 la Ramada Bucharest Parc. See you there (pentru cine vine).

articole asemanatoare

  • Gala Premiilor eCommerce 2010
    Gata cu asteptatul, Link 2 eCommerce si agentia UIS au dat astazi startul celei mai importante competitii din online-ul romanesc, competitie ce se...
  • GPeC 2009
    Pot afirma ca poza de mai sus spune cam totul despre ce a insemnat ziua de 20 octombrie 2009 pentru Vexio si UIS. Pentru a doua oara Vexio a iesit...
  • Vexio update
    www.vexio.ro se apropie de 2 ani de existenta in eCommerce-ul romanesc si cu ocazia asta venim cu module si facilitati / servicii noi, cum ar fi: Pag...
6 comentarii:

Alex Volocaru 19 Octombrie 2009

Dude.. felicitări pentru strategia implementată în brandul Vexio, pentru echipa din background, pentru pasiunea de a dezvolta un magazin online, dar şi pentru calitatea procesului de development..

adi Pintilie 19 Octombrie 2009

Multumim frumos, iar o parte din felicitari ti se cuvin si tie pentru munca depusa.
PS: mi-a placut: “brandul Vexio” :D

Daniel Chetroni 19 Octombrie 2009

Keep up the good work man !
Arata foarte bine. Asa cum spune si Alex backgroundul isi face treaba foarte bine.
Din pacate va lipseste cineva acolo ca sa mearga treaba mai bine. Aveti un bottleneck undeva…

Stefan Alexandru 20 Octombrie 2009

Vexio e sexy rau si scuza-ma ca te intreb, dar chiar fotografiezi monitorul pentru o poza din post sau aplici un super filtru / action din Fw / Ps ?

adi Pintilie 20 Octombrie 2009

@ Daniel Chetroni merci man. Stiu despre ce vorbesti :)

@ Stefan Alexandru thanks, da fotografiez monitorul pentru fiecare poza din blog :D

Stefan Alexandru 20 Octombrie 2009

@adi Pintilie Asta arata ca ai monitor la calculator, nu gluma. :) Arata grozav oricum. :P


adauga comentariu

Numele tau:


Adresa e-mail:


Site web:


Comentariu:


Adauga comentariu

Do NOT fill this !