Bonjourchoco.ro – Migrare Gomag -> Merchantpro
bonjourchoco.ro ↗
Case Study
Migrare GoMag → MerchantPro & Restyling Complet pentru Bonjour Choco
Cum am migrat un magazin de ciocolată premium de pe GoMag pe MerchantPro, cu redesign complet al fiecărei secțiuni, optimizare SEO la nivel de produs și pagină, descrieri stilizate cu tabele CSS și secțiuni custom code pe homepage.
Contextul
Bonjour Choco este un magazin online premium de ciocolată belgiană artizanală, trufe, praline și vinuri românești. Distribuitorul oficial pentru branduri precum Cocoba (UK), Karmello (Polonia) și Domeniul Aristiței, cu peste 70 de produse — de la sfere de ciocolată cu bezele la colecții cadou de lux.
Magazinul funcționa pe platforma GoMag, cu un design vechi, fără personalizare semnificativă și fără optimizare SEO. Descrierile produselor erau text simplu neformatat, imaginile nu aveau atribute ALT relevante, iar paginile nu aveau meta title/description optimizate — site-ul era practic invizibil pe Google.
Clientul a decis migrarea pe MerchantPro — o platformă românească cu Twig templating, injection points pentru CSS/JS custom și API complet. Am profitat de această tranziție pentru a face o transformare completă: design, SEO, structura datelor, experiența de cumpărare și identitatea vizuală.
Problemele Identificate
🎨 Design depășit
Template GoMag standard fără identitate vizuală premium — nu comunica calitatea produselor.
🔍 Zero optimizare SEO
Fără meta fields completate, imagini fără ALT text, denumiri neoptimizate pentru motoare de căutare.
📝 Descrieri plain text
Toate descrierile produselor — text neformatat, fără structură, fără tabele de specificații.
🏠 Homepage generică
Nicio secțiune custom, fără hero section, fără prezentare de brand sau storytelling vizual.
📦 Pagini produs neoptimizate
Layout standard fără customizare — butoane, galerie, informații suplimentare — totul default.
🔄 Platformă limitată
GoMag nu permitea nivelul de customizare necesar — CSS/JS injection limitat, fără Twig templating.
Ce am implementat
Migrare Completă GoMag → MerchantPro
- Transfer complet al catalogului — 70+ produse cu imagini, prețuri, categorii, variante și stocuri
- Reconfigurare completă a structurii de categorii — 6 categorii principale + subcategorii
- Setup MerchantPro de la zero — domeniu, SSL, metode de plată NETOPIA, curier rapid, politici
- Configurare Google Reviews widget, newsletter, cookie consent, live chat
Redesign Complet — Fiecare Secțiune Customizată
- Hero section custom pe homepage — animații, tipografie premium, slider de produse cu grid responsive
- Secțiune „Pasiune pentru Ciocolată” — brand storytelling cu imagini, citat elegant și prezentare aromelor
- Colecții cu card-uri redesenate — hover effects, badge-uri „NOU”, prețuri stilizate, buton „Adaugă în coș” optimizat
- Secțiune vinuri cu prezentare dedicată — selector tip vin, DOC-CMD info, sticle cu animație
- Google Reviews section cu rating stars, badge „Cumpărător verificat” și statistici (500+ clienți, 5.0 rating)
- Footer complet redesenat — branduri, newsletter, info delivery, linkuri utile
- Pagini categorie restiilzate — filtre, layout grid, card-uri uniforme
Optimizare SEO Completă
- Denumiri produse optimizate — keywords relevante, format consistent, greutate inclusă
- Imagini optimizate — ALT text descriptiv cu cuvinte cheie pentru fiecare imagine de produs
- Meta title & meta description generate pentru fiecare produs din catalog
- Pagini de categorie cu texte SEO unice — descrieri relevante pentru ciocolată, trufe, praline, etc.
- Structură heading-uri corectă (H1 → H2 → H3) pe toate paginile
- URL-uri curate și descriptive pentru fiecare produs și categorie
Descrieri Produs — De la Plain Text la Tabele CSS Stilizate
- Fiecare descriere de produs restructurată — din text neformatat în format vizual cu heading-uri și paragrafe
- Tabele de specificații CSS — ingrediente, greutate, alergeni, condiții de păstrare — stilizate cu design premium
- Format consistent pe toate cele 70+ produse — experiență uniformă de cumpărare
- Texte descriptive adăugate sau rescrise — copywriting care vinde, nu doar informează
Customizări Pagină Produs
- Redesign butoane — „Adaugă în Coș” stilizat, hover effects, stări de loading
- Toast notification la adăugare produs — confirmare vizuală cu preview produs și link către coș
- Galerie de imagini optimizată — zoom, grid thumbnails, aspect ratio uniform
- Secțiune informații suplimentare — livrare, retur, garanție — vizibilă direct pe pagina produs
- Card-uri produse similare cu slider responsive
Optimizări Tehnice
MerchantPro
Platformă cu Twig templating
Custom CSS
Stilizare completă override
Custom JS
Interacțiuni & toast cart
SEO On-Page
Meta, ALT, headings, URLs
CSS Tables
Descrieri produs stilizate
NETOPIA Pay
Plată card & ramburs
🔍 Pentru cei cu cunoștințe tehnice
Toate customizările au fost realizate prin CSS/JS injection în MerchantPro — fișiere separate pe funcționalitate, modulare și ușor de actualizat. Template-urile Twig au fost override-uite unde a fost necesar.
- Hero section:
HTML custom+CSS hero-core+CSS hero-responsive— secțiune full-width injectată pe homepage - Listing pages:
CSS-1-listing.css+JS-1-listing.js— redesign grid categorii, filtre, paginare - Product page:
CSS product-override+JS product-override— layout, butoane, galerie, info sections - Card-uri produs:
CSS product-cards+JS product-cards— hover effects, badge-uri NOU, prețuri - Toast cart:
CSS toast-cart+JS toast-cart— notificare la adăugare în coș - Slider produse:
JS grid-to-slider+CSS grid-slider— carusel responsive pe homepage - Descrieri produs: CSS tables cu
border-collapse,border-radius, alternate row colors - SEO: 70+ produse cu meta title/description generate, 70+ imagini cu ALT text optimizat
Before & After
Homepage — Hero Section
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Homepage — Colecții & Produse
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Homepage — Secțiuni Noi
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Pagină Produs — Redesign Complet
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Pagină Produs — Descrieri & Specificații
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Pagină Produs — Funcționalități Noi
📱 Apasă pentru zoom
Pagină Categorie — Grid Redesenat
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Footer — Redesign Complet
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Ce Am Livrat
Migrare & transformare completă în 6 săptămâni
Fișiere CSS, JavaScript și HTML custom — toate scrise manual, modulare, pe funcționalitate.
De la un magazin GoMag generic, la un shop premium pe MerchantPro cu identitate vizuală unică.
Funcționalități Unice
🍫 Hero Section Custom
Secțiune hero full-width cu animații, tipografie premium și slider de produse — complet custom coded, nu template.
📋 Tabele CSS Descrieri
Fiecare descriere de produs cu tabel de specificații stilizat — ingrediente, greutate, alergeni, condiții păstrare.
🛒 Toast Cart Notification
La adăugarea în coș — toast notification cu preview produs, preț și link direct către coș, cu animație slide-in.
🔍 SEO Complet
Meta fields generate pentru 70+ produse, ALT text pe imagini, texte SEO pe categorii, structură headings corectă.
Descrieri de la Plain Text la Premium: Fiecare descriere de produs a fost restructurată din text simplu neformatat într-un layout vizual cu heading-uri, paragrafe descriptive și tabele CSS stilizate cu alternate row colors, border-radius și tipografie consistentă. Peste 70 de produse transformate individual.
Migrare Zero-Downtime: Catalogul complet (70+ produse, 6 categorii, imagini, prețuri, variante) a fost migrat de pe GoMag pe MerchantPro fără întrerupere a vânzărilor. DNS switch + SSL setup realizate în aceeași zi.
Proiectul în Numere
Ce avea site-ul vs. ce are acum
| Criteriu | Înainte (GoMag) | După ✓ Fulloutmedia |
|---|---|---|
| 🔄 Platformă | GoMag — customizare limitată, fără Twig, CSS injection minimal | MerchantPro — Twig templating, CSS/JS injection complet, API |
| 🎨 Design | Template standard, nicio personalizare, nu comunică brand premium | Redesign complet custom — hero, colecții, card-uri, footer, categorii, produs |
| 🔍 SEO | Zero meta fields, imagini fără ALT, denumiri neoptimizate | SEO complet — meta title/description, ALT text, texte categorii, headings |
| 📝 Descrieri | Plain text neformatat — fără structură, fără specificații | Tabele CSS stilizate — ingrediente, greutate, alergeni, păstrare |
| 🏠 Homepage | Generică, fără hero, fără storytelling, produse listate simplu | Secțiuni full custom — hero animat, colecții, trufe, vinuri, reviews |
| 📦 Pagină Produs | Layout default, butoane standard, fără toast notification | Redesign complet — butoane custom, toast cart, galerie, info sections |
| 🛒 Experiență UX | Navigare standard, fără feedback vizual la acțiuni | Toast notifications, hover effects, badge-uri NOU, slider produse |
📊 Impactul transformării
Nu a fost doar o migrare de platformă — a fost o reconstrucție completă a experienței de cumpărare.
- ✔ 70+ produse cu meta fields SEO generate individual
- ✔ 70+ descrieri transformate din plain text în tabele CSS premium
- ✔ Homepage cu 5+ secțiuni full custom code
- ✔ Fiecare pagină din site customizată — produs, categorie, footer
- ✔ Toast cart notification — feedback instant la adăugare în coș
- ✔ Rating 5.0 Google și 500+ clienți mulțumiți — menținut post-migrare
„Un magazin online de ciocolată premium trebuie să arate la fel de rafinat ca produsele pe care le vinde.”
Bonjour Choco acum arată exact pe cât de bune sunt ciocolatele lor.
Concluzie
Proiectul Bonjour Choco demonstrează că o migrare de platformă este oportunitatea perfectă pentru o transformare completă — nu doar mutarea datelor, ci reconstrucția întregii experiențe de cumpărare.
De la un magazin GoMag generic cu descrieri text simplu, la un shop premium pe MerchantPro cu hero section custom, tabele CSS stilizate, toast notifications, card-uri redesenate și SEO complet — fiecare element comunică acum calitatea produselor vândute.
Ciocolata belgiană artizanală, trufele premium și vinurile de la Domeniul Aristiței au acum un mediu online pe măsura lor — un magazin care inspiră încredere, educă clientul prin descrieri structurate și transformă vizitatorii în cumpărători.
Lecția cheie: O migrare de platformă nu înseamnă doar „mutăm produsele”. Cu cod custom pe MerchantPro, SEO aplicat la nivel de produs și descrieri reformatate vizual, un shop generic devine o experiență premium — iar investiția se vede în fiecare comandă.
Vrei o transformare similară?
Discută cu echipa Fulloutmedia despre cum putem transforma magazinul tău într-o experiență premium.
Solicită Consultație Gratuită →