Skip to content
David Băbțan

Proiecte01Bijuterii

Un magazin de bijuterii reconstruit modul cu modul.

Sefinni vinde bijuterii personalizate din aur și argint, inclusiv verighete, inele de logodnă și diamante. Am refăcut designul magazinului în MerchantPro și l-am livrat ca o serie de module de cod custom, fiecare instalat separat din panoul de administrare.

Platformă
MerchantPro
Lucrare
Redesign
sefinni.ro
Varianta desktop a sefinni.ro

01

Alegerile de produs, vizuale

Bijuteriile se aleg după detalii precum puritatea aurului, culoarea metalului, culoarea cristalului, materialul și mărimea. MerchantPro prezintă implicit aceste atribute ca text într-un dropdown.

Am construit atribute de produs pe bază de imagine și câmpuri generate automat pentru paginile de produs, astfel încât cumpărătorii aleg vizual opțiuni precum puritatea aurului sau culoarea șnurului, în loc să citească o listă de cuvinte.

02

Lucrul în limitele platformei

Fiecare modificare încape într-un fișier de sub 4.000 de caractere, limita câmpurilor de cod custom din administrarea MerchantPro. Am livrat 16 module separate, cu instrucțiuni de instalare, astfel încât fiecare schimbare poate fi activată sau scoasă independent.

Am luat culorile direct din theme.css al site-ului, nu le-am estimat din capturi de ecran, apoi am folosit consecvent verdele #014233 și auriul #c8a74e în fiecare modul.

03

Detaliul meu preferat

Pe paginile de inele apare automat un convertor de mărimi. Cumpărătorii introduc diametrul interior sau circumferința în milimetri și primesc exact eticheta din dropdown-ul de comandă, de la M46 la M75. Nu există HTML de întreținut, pentru că JavaScript generează totul doar pentru categoriile de inele.

Derulează în previzualizarea mobilă

Varianta mobilă a sefinni.ro

04

Ce am construit

Șaisprezece module de cod custom, livrate incremental.

  1. 01Convertor de mărimi pentru inele, după diametru sau circumferință în milimetri
  2. 02Atribute vizuale de produs pentru puritatea aurului, culoarea aurului, culoarea cristalului și material
  3. 03Mostre de culoare pentru șnur
  4. 04Câmpuri generate automat pe paginile de produs
  5. 05Carduri de produs refăcute pentru grile și slidere
  6. 06Header, poziționarea logo-ului și meniu refăcute
  7. 07Slider de categorii și secțiuni de colecții
  8. 08Recenzii pe paginile de produs și pe homepage
  9. 09Insignă „lab-grown” și banner pentru verighete
  10. 10Bară de transport gratuit și footer refăcut

Următoarea poveste

O migrare WooCommerce repetabilă.

goldendrinks.ro

Ai nevoie de ceva asemănător?

Spune-mi pe ce platformă ești și ce vrei să construiești, să muți sau să repari.

Scrie-mi