eCommerce · WooCommerce
Genuin
Genuin este un brand românesc de textile din in pentru casă, care vinde în România și în UE. Am construit magazinul WooCommerce pe o temă custom, iar în centrul lui configuratorul de produs: clientul își alege materialul, rejansa și dimensiunile perdelei, draperiei sau storului roman, iar prețul se calculează pe loc, la centimetru.
Vezi website-ul
Provocarea
Ce trebuia schimbat
Perdelele Genuin se croiesc pe măsura fiecărei ferestre, deci nu au un preț fix: acesta depinde de lățime, de gradul de încrețire, de material și de dublaj. Înainte de configurator, fiecare comandă însemna un schimb de mesaje, un calcul manual și o ofertă trimisă pe e-mail.
Nu orice material există în orice culoare, pentru orice rejansă; stocul se măsoară în metri de material, nu în produse, iar aceeași rolă alimentează lenjerii, perdele și draperii. Magazinul funcționează în două limbi și cu două monede, iar fiecare comandă trebuie să ajungă la croitorie cu toate datele tehnice, fără să fie transcrisă de mână.
Abordarea noastră
Cum am rezolvat
Un configurator în patru pași — sistem de prindere, rejansă, colecție și culoare, apoi dimensiuni — în care fiecare alegere filtrează opțiunile următoare, astfel încât clientul nu poate ajunge la o combinație care nu se poate produce. Perdeaua, draperia și storul roman împart aceeași interfață, fiecare cu arborele de atribute și formula de preț proprii, și pot fi combinate în același coș.
Variațiile WooCommerce sunt transformate pe server într-un arbore de atribute pus în cache pentru fiecare limbă și trimis o singură dată în browser. Prețul se calculează instant în browser și din nou pe server la adăugarea în coș, unde valoarea venită din browser este ignorată. Fiecare piesă la comandă devine o variație de produs creată din cod, cu SKU și preț proprii.
Configurator în 4 pași, cu opțiuni dependente și o imagine care urmează culoarea și rejansa alese
Perdele, draperii cu dublaj și storuri romane într-o singură interfață, fiecare cu formula ei de preț
Prețuri calculate live în browser și recalculate pe server, deci nu pot fi modificate din consolă
Seturi la comandă adăugate în coș ca o singură linie cu SKU unic, cu 5% reducere pentru seturile de două sau mai multe piese
Stoc urmărit în metri de material pentru lenjerii, perdele și draperii, cu mesaj de „stoc limitat”
Română și engleză (Polylang), cu prețuri în RON și EUR din aceeași logică
Limitele de producție validate în interfață și pe server, cu un mesaj în loc de o eroare la checkout
Fișă de producție trimisă automat pe e-mail către croitorie, statusuri de comandă proprii și facturi SmartBill atașate automat
Temă construită de la zero cu Tailwind și Gulp și un layout de mobil gândit pentru măsurat lângă fereastră
Din interiorul produsului
Rezultatele
Ce s-a schimbat pentru client
- 3
- Tipuri de produs într-un singur configurator
- 4
- Niveluri de atribute dependente pe produs
- 2 + 2
- Limbi și monede, cu aceeași logică de preț
- 0
- Calcule manuale între comandă și croitorie
Tehnologii folosite
Proiectul următor
Corallis Apartments
Vezi studiul de caz