Phoenixfandh.com – SEO & redesign WordPress
phoenixfandh.com ↗
Case Study
Redesign complet & SEO pentru 
Cum am transformat un site Elementor generic într-o platformă premium de shipping internațional — cu design custom, glob 3D interactiv, formular inteligent și 10 articole SEO — pentru o companie din Dubai, Europa și SUA.
Contextul
Phoenix Forwarding & Handling este o companie de shipping internațional cu birouri în Dubai, Europa și SUA, specializată în transportul mașinilor, motocicletelor, ambarcațiunilor, iahturilor, autocaravanelor și relocări complete de locuințe — pe mare, aer și uscat.
Site-ul existent era construit pe WordPress cu Elementor Pro și folosea template-uri generice fără personalizare profesională. Deși platforma era modernă, prezentarea vizuală nu comunica nivelul de profesionalism și încredere pe care o companie de shipping internațional trebuie să-l inspire.
Nu existau articole SEO, nicio strategie de conținut, iar formularul de cerere ofertă era un simplu contact form fără optimizare pentru conversii. Compania avea nevoie de o transformare completă: branding vizual premium, conținut SEO care atrage clienți din Google, un formular de ofertă profesional și elemente vizuale unice care diferențiază Phoenix de competiție.
Problemele Identificate
🎨 Design generic
Template-uri Elementor standard fără identitate vizuală proprie sau branding coerent.
🔍 Zero conținut SEO
Niciun articol, nicio strategie de cuvinte cheie, vizibilitate minimă pe Google.
📋 Formular ineficient
Contact form simplu, fără câmpuri relevante pentru shipping și fără optimizare conversii.
🌍 Fără diferențiere vizuală
Nicio componentă care să comunice reach-ul global al companiei — 50+ țări deservite.
⚡ Fără preloader
Pagina se încărca vizibil element cu element — aspect neprofesional, first impression slabă.
📱 Header neoptimizat
Meniu fără efect glassmorphism, fără CTA vizibil pe mobil, salt vizual la scroll.
Ce am implementat
Redesign Complet — Header, Footer, Pagini Servicii, Blog
- Header fix cu efect glassmorphism, bară contact cu 3 numere de telefon (Europa, UAE Toll Free, Dubai), buton „GET A QUOTE” permanent vizibil
- Footer cu layout 4 coloane — brand, quick links, servicii, contact — cu animații staggered la scroll
- Restyle complet pentru toate cele 7 pagini de servicii (Car, Bike, Boat & Yacht, Air Freight, Household Relocations, Caravan & Motorhome)
- Blog redesenat — card grid cu efect glass, reading time, badge-uri, animații de intrare
- Preloader branded — animație pulse cu logo Phoenix pe fundal navy
Glob 3D Interactiv — Rute Maritime Globale
- Glob 3D construit cu Three.js — rotație automată cu textură custom dark Earth
- Arcuri animate luminoase care conectează Dubai cu 12+ destinații globale
- Efect glow atmosferic cu custom shader pentru haloul planetei
- Responsive complet — touch support pe mobil, auto-resize canvas
- Embedded via iframe cu background transparent și scroll relay
Formular Profesional de Cerere Ofertă
- Integrat cu Forminator (Form #987) — validare, nonce, email routing native
- Temă dark glass-morphism complet customizată — 490+ linii CSS override
- Sistem accordion collapse — secțiuni expandabile/colapsabile, prima deschisă automat
- Override-uri Select2 cu selectori Forminator-specifici pentru dropdown-uri dark
- Spam protection cu Cloudflare Turnstile — challenge invizibil, zero fricțiune
- Layout compact — radio/checkbox-uri inline, spacing redus, câmpuri grupate eficient
10 Articole SEO — Scrise și Publicate
- Fiecare articol targetează cuvinte cheie specifice pe care clienții potențiali le caută pe Google
- Subiecte: relocare din Dubai, car shipping USA/UK/EU, RORO vs container, air freight, GCC land transport, luxury/supercar shipping, yacht shipping
- Table of contents cu anchor links, FAQ sections pregătite pentru Google rich snippets
- Internal linking strategic — fiecare articol trimite către paginile de servicii relevante
- CTA la finalul fiecărui articol — direcționare către formular ofertă
Cloudflare CDN & Securitate
- Setup complet Cloudflare — CDN global (300+ cities), SSL, caching, image optimization
- DNS management rapid — propagare în secunde
- Protecție DDoS și bot filtering activat
Optimizări Tehnice
Glassmorphism
backdrop-filter: blur(20px)
Three.js Globe
3D WebGL interactiv
Accordion UX
Form sections collapse
Cloudflare CDN
300+ locații globale
Turnstile
Anti-spam invizibil
CSS Scoping
Zero bleed pe alte pagini
🔍 Pentru cei cu cunoștințe tehnice
Toate customizările au fost livrate ca CSS/JS override injections peste structura existentă WordPress + Elementor. Niciun fișier core nu a fost modificat — totul e aplicat on top via WPCode snippets.
- Header target: Elementor template
#528, sections#22ec331,#cce2c5a,#11148c2f - Footer target: Elementor template
#549cu CSS grid 4 coloane + gradient border - Services: scoping via
.phx-service-pageclass adăugată dinamic de JS - Formular: Forminator
[forminator_form id="987"]cu design.forminator-design--material - Select2 override:
.forminator-select-dropdown-container--open .forminator-custom-form-987 - Globe: Three.js
QuadraticBezierCurve3arcs + custom atmosphere shader - Preloader:
z-index: 999999, fallbacksetTimeout(3000), DOM cleanup post-transition - CSS scoping: eliminat
#page { background:#060D3A }leak, scoped la.elementor-528
Before & After
Secțiune Homepage — Redesign
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Secțiune Homepage — Redesign
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Din Generic în Interactiv
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Funcționalități Noi
📱 Apasă pentru zoom
📱 Apasă pentru zoom
Ce Am Livrat
Transformare completă în 3 luni
24 de fișiere livrate — CSS, JavaScript, HTML — toate scrise manual, fără template-uri.
De la un site Elementor generic, la o platformă premium de shipping internațional cu identitate vizuală unică.
Funcționalități Unice
🌍 Glob 3D Interactiv
Vizualizare în timp real a rutelor maritime globale ale Phoenix — arce luminoase Three.js conectând Dubai cu lumea întreagă.
📋 Formular Accordion
Secțiuni expandabile/colapsabile — personal details, shipment info, vehicle details — compact și ușor de navigat.
🔮 Glassmorphism Header
Header fix cu blur frosted-glass, CTA permanent vizibil și meniu mobil redesenat cu slide-out panel.
✨ Preloader Branded
Animație de încărcare cu logo Phoenix pe fundal navy — first impression premium, zero flash of unstyled content.
Select2 Dark Override: Am descoperit că Forminator nu folosește clase standard Select2. Am identificat și targetat selectoarele custom Forminator — .forminator-select-dropdown-container–open .forminator-custom-form-987 — pentru dropdown-uri dark perfecte.
CSS Scoping Fix: Am identificat și eliminat o regulă CSS care scăpa din header și colora întregul site în navy. Toate stilurile sunt acum scoped exclusiv pe template-ul header Elementor #528.
Proiectul în Numere
Ce avea site-ul vs. ce are acum
| Criteriu | Înainte | După ✓ Fulloutmedia |
|---|---|---|
| 🎨 Design | Template-uri Elementor generice, fără personalizare sau identitate vizuală | Redesign complet custom — header, footer, 7 pagini servicii, blog, homepage |
| 🔍 SEO | Zero articole, zero conținut optimizat, vizibilitate minimă pe Google | 10 articole SEO targetate pe cuvinte cheie cu volum mare + structură heading-uri corectă |
| 📋 Formular | Contact form simplu, câmpuri generice, fără optimizare conversii | Formular profesional cu accordion, dark theme, 490+ linii CSS, Turnstile anti-spam |
| 🌍 Vizual global | Nicio componentă vizuală care să comunice reach-ul global (50+ țări) | Glob 3D interactiv Three.js cu arcuri animate Dubai → lumea întreagă |
| ⚡ Performanță | Fără CDN, fără caching optimizat, fără protecție DDoS | Cloudflare CDN global, SSL, caching, image optimization, DDoS protection |
| ✨ First impression | Pagini se încarcă vizibil — jump-uri de layout, flash of unstyled content | Preloader branded + scroll hop fix + glassmorphism header instant |
| 📱 Mobile UX | Hamburger menu standard, fără CTA vizibil pe mobil | Slide-out nav redesenat, CTA injectat JS, responsive complet |
📊 Impactul transformării
Nu a fost doar un redesign — a fost o reconstrucție strategică a prezenței online.
- ✔ 5,600+ linii de cod scrise manual, zero template-uri
- ✔ 10 articole SEO care atrag trafic organic gratuit
- ✔ Glob 3D unic care diferențiază brandul de competiție
- ✔ Formular inteligent cu accordion — conversii crescute
- ✔ Cloudflare CDN — site rapid din orice locație din lume
- ✔ Non-destructive — override-uri care se pot dezactiva instant
„În shipping internațional, prima impresie online decide dacă clientul cere ofertă sau pleacă.”
Phoenix F&H acum arată exact pe cât de profesional livrează.
Concluzie
Proiectul Phoenix Forwarding & Handling demonstrează că un site WordPress/Elementor existent poate fi transformat radical — fără a modifica niciun fișier core — doar prin suprapuneri strategice de CSS și JavaScript, conținut SEO și elemente vizuale unice.
Globul 3D interactiv, formularul cu dark theme și accordion, header-ul glassmorphism și cele 10 articole SEO au creat o platformă unică pe piața de shipping internațional — diferențiindu-l de orice alt competitor care folosește template-uri generice.
Rezultatul: un site care inspiră încredere din prima secundă, atrage clienți prin Google și transformă vizitatorii în cereri de ofertă — exact ce are nevoie o companie care operează pe 3 continente.
Lecția cheie: Nu ai nevoie de o reconstrucție completă ca să transformi un site. Cu cod custom stratificat peste Elementor, un site generic devine premium — iar investiția se recuperează prin fiecare cerere de ofertă câștigată.
Vrei o transformare similară?
Discută cu echipa Fulloutmedia despre cum putem transforma site-ul tău într-un motor de vânzări.
Solicită Consultație Gratuită →