Magazinul online Vanina Boutique

Magazinul online și aplicația mobilă pentru un butic de modă din România: Laravel și Bagisto pe web, Flutter pe mobil, conectate la ERP-ul magazinului, la curieri și la plăți.

Vezi site-ul live

Clientul#

Vanina Boutique este un butic de modă pentru femei din Bârlad, care vinde haine, încălțăminte și genți în magazin și online, pe vanina.ro. Sunt dezvoltatorul platformei, de la primul magazin în Magento până la reconstrucția actuală în Laravel și aplicația mobilă.

Ce am construit#

Magazinul web pe Laravel 12 și Bagisto, cu temă proprie și unsprezece pachete dezvoltate intern.
Aplicația mobilă pentru iOS și Android în Flutter, conectată la magazin prin GraphQL.
Sincronizare cu ERP-ul, POS-ul Sedona al magazinului. Produsele, stocul, prețurile și categoriile vin automat, facturile se trimit înapoi, iar produsele fără stoc sunt ascunse automat.
Plăți și livrare pentru România: plăți cu cardul prin Netopia, cu confirmare pe server, plata la livrare și o integrare proprie Sameday, cu AWB, urmărirea coletelor și alegerea lockerului easybox la finalizarea comenzii, pe web și în aplicație.
Motor de promoții pentru regulile de catalog, cu etichete de reducere pe cardurile și paginile de produs.
Măsurare marketing: GA4 prin Tag Manager, Facebook Pixel cu Conversions API pe server, TikTok Pixel și Events API, plus feeduri de produse pentru Google Merchant Center și Facebook, toate în funcție de consimțământul pentru cookie-uri.
Securitate în admin: autentificare în doi pași pentru personal și reCAPTCHA Enterprise.

Magazinul#

Un singur magazin pe orice dispozitiv: același catalog, coș și finalizare a comenzii pe desktop și pe telefon.

Pagina principală vanina.ro pe desktop și pe telefon, cu bannerul campaniei de sezon

Sub banner, pagina principală răspunde întâi la întrebările clienților: stoc, plată, retur și ajutor pentru stil, apoi categoriile principale.

Banda de încredere vanina.ro cu stoc în timp real, plată cu cardul sau la livrare, ghid de stil și retur în 14 zile, deasupra categoriilor haine, încălțăminte și genți

Cardurile de produs arată dintr-o privire etichetele de noutate și ofertă, mărimile și culorile disponibile.

O grilă de produse vanina.ro cu etichete NEW și OFERTĂ, mărimi și culori

Pagina de produs adună galeria, mărimile, data estimată de livrare, dreptul de retur și un buton de WhatsApp pentru sfaturi rapide.

Pagina de produs vanina.ro pentru o rochie din catifea: galerie, alegerea mărimii, adăugare în coș, ajutor pe WhatsApp și detalii de livrare

Designul pornește de la mobil, cu imagini care se pot derula pe fiecare card de produs.

Trei ecrane de telefon vanina.ro: pagina principală, noutățile și grila de produse

Aplicația mobilă#

Aplicația Vanina.ro aduce același magazin pe iOS și Android, în limba română, conectată la magazin prin GraphQL.

Aplicația Vanina.ro: lista de produse dintr-o categorie, ecranul Descoperă și coșul de cumpărături

Clienții navighează pe categorii și subcategorii, caută și filtrează după mărime, preț și culoare.

Lista de produse din aplicația Vanina.ro cu etichete de ofertă, lângă panoul de filtre cu mărimi, interval de preț și culori

Produsele preferate se salvează într-o listă de favorite, iar coșul acceptă coduri de cupon înainte de finalizarea comenzii.

Articolele salvate în aplicația Vanina.ro, lângă coșul cu totalul și câmpul pentru codul de cupon

Tot parcursul, de la descoperire la plată:

Cinci ecrane din aplicația Vanina.ro unul lângă altul: acasă, categorie, filtre, articole salvate și coș

Detalii tehnice#

Actualizarea unui fork personalizat. Trecerea Bagisto de la 2.2 la 2.4.6 fără a pierde nicio personalizare: audit de conflicte, preluarea patch-urilor de securitate și migrări reconciliate astfel încât să ruleze curat atât pe datele din producție, cât și pe o instalare nouă.
Importuri ERP mai rapide. Sincronizarea a fost rescrisă să grupeze interogările, cu o singură căutare în loc de mai multe pe produs și scrieri de atribute în bloc, așa că sincronizările mari nu mai încarcă baza de date.
Un singur API pentru web și mobil. Un strat GraphQL propriu, peste cel din Bagisto, adaugă căutarea lockerelor, lista județelor, autentificarea socială și un arbore de categorii mai ușor pentru aplicație.
Un catalog fluid pe mobil. Listele de produse încarcă pagina următoare la jumătatea derulării, așa că navigarea nu așteaptă după rețea.
Testat și automatizat. Teste Pest pentru pachetele proprii, teste end-to-end Playwright pentru magazin și admin, plus GitHub Actions pentru teste, stil de cod și build-uri Docker.

Tehnologii#

Laravel 12, Bagisto, Vue, GraphQL (Lighthouse), MySQL, Redis, Elasticsearch, Flutter cu BLoC, Firebase, Docker.

Stadiu#

Live pe vanina.ro, cu dezvoltare în continuare.