Studiu de caz04 / 06
AroundWire
Site-ul companiei + platformă de landing pages
AroundWire este un marketplace american pentru afaceri mici și prestatori de servicii. Ca dezvoltator intern am refăcut platforma de landing pages pro.aroundwire.com ca o temă modulară personalizată și am construit site-ul companiei aroundwire.com pe Next.js.
- Rol
- Full-stack Developer
- Perioadă
- feb. 2024 – apr. 2025
- Context
- Intern · inclusiv ForceWind și Skilful Web Developers
- Format
- La birou · Chișinău
- Next.js
- TypeScript
- React
- SSR
- WordPress
- PHP
- ACF Pro
- Contact Form 7
- BEM
- Jira
- Bitbucket
Sarcina
Marketingul avea nevoie de un flux constant de landing pages pentru diferite meserii și orașe, ca să atragă prestatori de servicii, iar fiecare pagină trebuia să fie rapidă pe mobil. Să construiești fiecare landing page de mână nu se putea scala, iar un constructor de pagini plin de pluginuri ar fi afectat performanța.
- Multe landing pages din același set de secțiuni, asamblate de marketing
- Pixel-perfect după machete și rapide pe mobil
- Cererile de pe fiecare landing page trimise la call center
- Un site separat, modern, al companiei
Ce am construit
Platforma de landing pages pe WordPress (pro.aroundwire.com)
- Temă personalizată cu 9 tipuri de secțiuni, fiecare în mai multe variante de design, 54 de variante în total.
- În constructorul de pagini din admin, un panou lateral alege varianta fiecărei secțiuni. Preseturile salvează o combinație întreagă pentru următorul landing page.
- Resursele se încarcă pe bloc. O pagină primește doar CSS-ul și JS-ul variantelor pe care le folosește, iar scripturile merg în footer.
- Formulare de cerere Contact Form 7 în ferestre popup, cu evenimente GTM la începerea și trimiterea formularului și integrarea cererilor cu call centerul.
- Un blog cu taguri pe meserii, care listează landing pages-urile înrudite sub fiecare articol, și landing pages pe orașe pentru targetare regională.
- Export și import ZIP al paginilor cu toate câmpurile ACF, ca landing pages-urile să treacă ușor între medii.
Site-ul companiei (aroundwire.com)
- Construit pe Next.js și TypeScript cu randare pe server.
- O arhitectură de componente React tipizate.
Echipa
- Echipă Scrum la birou, cu Jira și Bitbucket.
Rezultat
- de landing pages pixel-perfect
- 40+
- landing pages pe zi lansate de marketing cu constructorul
- 5+
- PageSpeed pe mobil pe landing pages
- 70–80+
Daniil dezvoltă atât frontendul, cât și backendul fără să se bazeze pe pluginuri gata făcute.
Performanță din construcție
- Fiecare variantă de secțiune are propriul fișier CSS și JS doar dacă are nevoie. Pentru secțiunile care nu sunt pe pagină nu se încarcă nimic.
- Resursele sunt versionate după data modificării fișierului, așa că browserele iau stilurile noi după fiecare deploy.
- Nu există plugin de constructor de pagini. Secțiunile sunt șabloane PHP simple cu markup BEM.
- Pe șablonul paginii principale, imaginile se încarcă leneș și au dimensiuni explicite.