Studiu de caz ALEXAMOB.ro: de la un magazin funcțional la o experiență e-commerce coerentă

Un magazin online poate funcționa tehnic și, totuși, să nu reprezinte corect business-ul din spatele său.

Aceasta a fost provocarea proiectului ALEXAMOB.ro: un producător român de mobilier, cu producție proprie și o ofertă extinsă, dar cu o experiență digitală care avea nevoie de mai multă coerență, claritate și personalitate.

Colaborarea nu s-a rezumat la alegerea unor culori noi sau la înlocuirea bannerului principal. Am pornit de la un audit comercial, UX, tehnic și SEO, apoi am lucrat asupra identității vizuale, structurii homepage-ului, navigării, mesajelor comerciale, funcționalităților Gomag și experienței mobile.

Acesta este un studiu de caz despre implementare și despre deciziile luate în proiect. Nu prezint procente de creștere sau rezultate de vânzări care nu au fost măsurate și validate.

Contextul proiectului ALEXAMOB.ro

ALEXAMOB este un brand românesc de mobilier operat de ALEXA DEP EVENIC SRL. Magazinul comercializează, printre altele, bucătării, corpuri modulare, dulapuri, comode, biblioteci, paturi, dormitoare și mobilier pentru living.

Produsele sunt realizate din PAL de 18 mm, iar producția proprie și livrarea prin flotă proprie sau curier reprezintă elemente importante ale modelului comercial.

Problema nu era lipsa unei oferte. Problema era că valoarea reală a business-ului nu era comunicată suficient de clar și coerent în experiența online.

Un vizitator trebuia să înțeleagă mai repede:

• ce produce și comercializează ALEXAMOB;
• care sunt principalele categorii de mobilier;
• ce avantaje comerciale primește;
• cum se desfășoară livrarea, plata, returul și garanția;
• cine este compania din spatele magazinului;
• care este următorul pas firesc în navigare.

Am început cu un audit, nu cu alegerea culorilor

Un redesign făcut direct în editor, fără audit, riscă să cosmetizeze aceleași probleme. De aceea, prima etapă a fost analiza întregului magazin.

Auditul a inclus aproximativ 317 URL-uri publice și a acoperit 278 de produse, 14 categorii, homepage-ul și paginile auxiliare.

Am analizat:

• structura homepage-ului;
• organizarea categoriilor și prezentarea produselor;
• paginile comerciale și informative;
• politicile de livrare, plată, retur și garanție;
• afișarea pe desktop și mobil;
• meta title-urile și meta description-urile;
• structura titlurilor H1;
• elementele Open Graph și Schema;
• codul public și eventualele probleme de afișare;
• instrumentele de tracking existente;
• consecvența datelor de contact și a informațiilor comerciale.

Scopul auditului nu a fost să genereze o listă cât mai lungă de observații, ci să stabilească ordinea corectă a intervențiilor: mai întâi problemele care influențează încrederea și traseul de cumpărare, apoi îmbunătățirile vizuale și optimizările care pot fi dezvoltate în continuare.

Clarificarea identității comerciale

Într-un magazin online, identitatea vizuală și identitatea juridică trebuie să transmită același lucru: există un business real, ușor de identificat și de contactat.

Am centralizat datele oficiale ale companiei, datele de contact și informațiile necesare pentru comunicarea comercială. Tot în această etapă a fost clarificată poziționarea ALEXAMOB ca brand independent și producător român de mobilier.

Am documentat și organizat informațiile referitoare la:

• producția proprie;
• mobilierul realizat din PAL de 18 mm;
• disponibilitatea produselor din stoc;
• livrarea la nivel național;
• transportul prin flotă proprie și curier;
• produsele standard, nepersonalizabile;
• metodele de plată disponibile;
• termenul de retur și garanția produselor.

Această etapă nu este spectaculoasă vizual, dar este esențială. Un banner bun nu poate compensa politici contradictorii, date de contact neuniforme sau informații comerciale greu de găsit.

O identitate vizuală nouă, construită pentru industria Home & Deco

Noua direcție vizuală trebuia să fie caldă, recognoscibilă și potrivită unui brand de mobilier pentru locuință.

Paleta aleasă combină:

• crem deschis – #F6F1E9;
• alb cald – #FFFCF8;
• verde închis – #1F3A2E;
• cărbune – #252825;
• portocaliu-teracotă – #D9772F.

Fontul principal ales a fost Poppins, folosit într-un sistem vizual aerisit și ușor de parcurs.

Am introdus fundaluri calde, gradienturi discrete, spațiere verticală mai coerentă, colțuri rotunjite, umbre subtile, iconografie SVG unitară și stări hover consistente.

Scopul nu a fost decorarea magazinului. Fiecare alegere trebuia să susțină ierarhia informației și să facă acțiunile importante mai ușor de identificat.

Un logo nou pentru ALEXAMOB

În cadrul proiectului au fost dezvoltate trei direcții de logo, pornind de la specificul brandului și de la noua paletă vizuală.

Varianta finală aleasă combină numele ALEXAMOB cu un simbol care integrează casa și o piesă de mobilier. Verdele închis susține asocierea cu stabilitatea și încrederea, iar portocaliul-teracotă aduce căldură și vizibilitate.

Logo-ul final oferă brandului un element distinct și poate fi folosit coerent în antetul magazinului, comunicarea comercială și materialele vizuale viitoare.

Homepage-ul a fost reconstruit ca traseu comercial

Homepage-ul nu trebuie să fie o colecție de secțiuni așezate una sub altă. El trebuie să răspundă, într-o ordine logică, întrebărilor pe care le are un potențial client.

Noua structură a fost gândită pentru a conduce utilizatorul de la identificarea brandului către categoriile și produsele relevante, apoi către argumentele de încredere și acțiunea comercială.

Au fost concepute și ajustate elemente pentru:

• hero section;
• prezentarea producției proprii;
• avantajele comerciale;
• accesul către categoriile principale;
• prezentarea mobilierului în funcție de cameră;
• explicarea procesului de comandă și livrare;
• transport, retur și garanție;
• motivele pentru alegerea ALEXAMOB;
• întrebări frecvente;
• contact;
• testimoniale.

Elementele care foloseau fotografii nepotrivite au fost regândite cu text și iconițe. Această decizie a păstrat designul mai curat și a redus riscul ca imaginile generice să dilueze identitatea magazinului.

Categoriile importante au devenit mai ușor de descoperit

Pe un magazin cu o ofertă diversificată, utilizatorul nu trebuie obligat să caute printr-un meniu aglomerat pentru a ajunge la produsele principale.

Homepage-ul a fost reorganizat pentru a oferi rute vizibile către:

• bucătării;
• comode;
• corpuri de bucătărie modulare;
• biblioteci;
• dulapuri și dressinguri;
• dormitoare și paturi;
• mobilier pentru living.

Această organizare nu schimbă doar aspectul paginii. Ea clarifică arhitectura comercială și reduce numărul deciziilor inutile pe care vizitatorul trebuie să le ia.

Bannere desktop și mobile construite separat

Pentru categoriile de dulapuri și bucătării au fost realizate concepte vizuale dedicate, pornind de la produsele reale ALEXAMOB.

Bannerele includ titlu, argument comercial și un CTA clar. Variantele pentru mobil au fost adaptate separat la dimensiunea de 696 × 720 px, nu doar micșorate din formatul desktop.

Această diferență contează. Pe telefon, spațiul disponibil, ordinea elementelor și distanța până la acțiune sunt diferite. Un banner desktop redus mecanic poate deveni greu de citit și poate împinge produsul sau CTA-ul în afara zonei utile.

Experiența mobilă nu a fost tratată ca o copie a desktop-ului

Textele, bannerele, spațierile, navigarea și elementele comerciale au fost adaptate pentru ecrane mici.

Am urmărit:

• lizibilitatea titlurilor și a mesajelor comerciale;
• dimensiunea și contrastul CTA-urilor;
• reducerea aglomerării vizuale;
• accesul rapid la categoriile importante;
• afișarea corectă a imaginilor;
• coerența cardurilor și secțiunilor;
• continuitatea experienței dintre homepage, categorie și produs.

Un design responsive nu înseamnă doar că pagina încape pe ecran. Înseamnă că rămâne ușor de înțeles și de folosit.

Testimoniale mai clare și mai ușor de parcurs

Secțiunea de testimoniale a fost regândită sub forma unui carusel responsive, cu navigare stânga–dreapta și carduri adaptate pentru desktop și mobil.

Au fost eliminate elementele decorative supradimensionate, avatarurile cu inițiale și iconițele fără rol informațional. Afișarea numelor, titlul secțiunii și structura cardurilor au fost simplificate pentru ca atenția să rămână asupra conținutului recenziei.

Într-o astfel de secțiune, designul trebuie să organizeze dovezile reale oferite de clienți, nu să le înlocuiască. Textele publicate trebuie să provină din feedback autentic și verificabil.

Ajustări funcționale în Gomag

Proiectul a inclus și verificări care nu se văd într-o captură de ecran, dar influențează experiența clientului.

Am lucrat asupra următoarelor elemente:

• activarea și verificarea formularului de contact;
• configurarea adresei către care sunt trimise mesajele;
• verificarea numerelor de telefon și WhatsApp;
• testarea fluxului de checkout printr-o comandă de test;
• verificarea metodelor de plată;
• verificarea informațiilor afișate în procesul de comandă;
• simplificarea textului butonului flotant la „ADAUGĂ ÎN COȘ”;
• repararea codului CSS care afecta imaginile produselor pe homepage și în paginile de categorie.

Această etapă arată de ce UI/UX-ul și funcționalitatea nu pot fi tratate separat. Un element poate arăta bine, dar dacă formularul nu trimite mesajul corect sau imaginile se afișează greșit, experiența rămâne defectuoasă.

Audit SEO și fundația pentru optimizările următoare

Componenta SEO a inclus cercetarea bunelor practici pentru ecommerce și Gomag, analiza structurii existente și identificarea problemelor care trebuie rezolvate în funcție de prioritate.

Au fost verificate:

• meta title-urile și meta description-urile;
• paginile fără metadate;
• titlurile prea lungi sau insuficient de descriptive;
• metadatele duplicate;
• structura H1;
• Open Graph;
• aplicația Schema;
• structura homepage-ului, categoriilor și paginilor informative;
• oportunitățile de linkuri interne.

Auditul și planificarea SEO nu trebuie confundate cu promisiunea unor poziții sau cu optimizarea completă a fiecărui URL. Ele oferă însă o hartă clară pentru intervențiile viitoare și ajută la evitarea schimbărilor făcute fără prioritate.

Ce s-a schimbat, în mod concret

În urma proiectului, ALEXAMOB are:

• o direcție vizuală coerentă și adaptată industriei;
• un logo final aliniat noii identități;
• o paletă cromatică și un sistem UI consecvent;
• un homepage reorganizat în jurul traseului de cumpărare;
• categorii principale mai ușor de descoperit;
• bannere comerciale dedicate pentru desktop și mobil;
• avantaje comerciale mai bine integrate în experiență;
• componente HTML și CSS adaptate platformei Gomag;
• o experiență mobilă tratată separat;
• mai multe funcționalități verificate prin testare;
• un audit SEO și un plan de optimizare prioritizat.

Nu atribui acestui redesign o creștere procentuală a conversiei fără date comparabile înainte și după implementare. Rezultatul care poate fi susținut în acest moment este unul de execuție: un magazin mai coerent, mai clar și mai bine pregătit pentru activitatea comercială și pentru măsurarea îmbunătățirilor viitoare.

Ce pot învăța alți antreprenori din proiectul ALEXAMOB

1. Redesignul trebuie să înceapă cu problemele comerciale

Dacă nu știi ce trebuie să înțeleagă vizitatorul și ce acțiune vrei să facă, alegerea culorilor este prematură.

2. Politicile comerciale fac parte din UX

Livrarea, returul, plata și garanția nu sunt simple pagini obligatorii din footer. Ele răspund unor întrebări care pot bloca sau susține decizia de cumpărare.

3. Identitatea vizuală trebuie aplicată ca sistem

Logo-ul, paleta cromatică, fonturile, butoanele, iconografia, bannerele și stările hover trebuie să vorbească aceeași limbă vizuală.

4. Mobilul cere decizii proprii

Un magazin nu este optimizat pentru telefon doar pentru că tema este responsive. Conținutul și interacțiunile trebuie verificate în context real.

5. Fără măsurare, nu există un studiu de performanță

Poți documenta corect ce ai schimbat, dar nu poți atribui redesignului o creștere a vânzărilor fără tracking funcțional și date comparabile. Următoarea etapă logică este măsurarea comportamentului și prioritizarea îmbunătățirilor pe baza datelor.

Magazinul tău Gomag funcționează, dar nu mai reprezintă business-ul?

Un redesign bun nu înseamnă să schimbi câteva culori și să adaugi bannere noi. Înseamnă să reconstruiești relația dintre identitatea brandului, structura comercială și experiența clientului.

Prin serviciul meu de Design și Optimizare UI/UX pentru magazine Gomag, analizez paginile esențiale ale magazinului, reorganizez traseul de cumpărare și construiesc o experiență mai clară, coerentă și orientată spre conversie.

Poți vedea noua direcție ALEXAMOB pe www.alexamob.ro.

Dacă magazinul tău a crescut, dar designul și structura lui au rămas în urmă, scrie-mi pentru o evaluare și o ofertă adaptată proiectului tău.