Preskoči na sadržaj

Projekat

Migracija sajta Studio Asfalt sa Webly platforme

Studio Asfalt sajt posle migracije sa Webly platforme

Autor projekta:

Klijent
Studio Asfalt
Završeno

Migracija sajta Studio Asfalt sa Webly platforme bez vizuelnog gubitka

Migracija sajta Studio Asfalt sa Webly platforme nije bila prilika da „sredim” dizajn po svom ukusu, već da sačuvam prepoznatljivost i uklonim tehnička ograničenja. Kada klijent kaže da želi isti izgled, to obično znači da su mesecima dogovarali raspored, boje i fotografije koje već rade u komunikaciji sa umetnicima.

Pixel-perfect pristup traži merenje razmaka, veličina fontova, ponašanja galerije i mobilnog menija. Svaka sekcija se poredi sa starim sajtom na više širina ekrana. Cilj je da redovan posetilac ne primeti promenu platforme, ali da pretraživač vidi uredniju strukturu ispod haube.

Gde Webly postaje usko grlo

Platforme tipa Webly olakšavaju brzi start, ali kasnije ograničavaju SEO i integracije. Meta podaci, schema, kontrola nad HTML-om i ponašanje keširanja često su unapred definisani. Za lokalni studio koji želi da bude pronađen po konkretnim uslugama, te granice postaju stvaran problem, ne samo tehnička sitnica.

Takođe, zavisnost od platforme znači da hosting, backup i migracija nisu u potpunosti pod kontrolom klijenta. Kada se pojavi potreba za custom formom, drugačijom galerijom ili bržim učitavanjem, rešenje je često „nije podržano” umesto inženjerskog odgovora.

SEO i AI posle migracije

Studio Asfalt nudi usluge koje ljudi traže kombinacijom brenda i tipa usluge. Posle migracije svaka važna stranica ima jasno definisan H1, opis i unutrašnje linkove ka povezanim delovima ponude. Slike u galeriji imaju smislene alt tekstove, ne generičke nazive datoteka.

JSON-LD opisuje organizaciju i ključne usluge na način koji odgovara stvarnom sadržaju. Open Graph omogućava da linkovi ka studiju izgledaju uredno kada se dele u društvenim mrežama ili porukama. AI alati mogu da izvuku jasne odgovore o lokaciji, tipu studija i načinu kontakta jer su podaci strukturisani, ne zakopani u builder blokovima.

Brzina učitavanja poboljšana je optimizacijom slika i uklanjanjem nepotrebnih skripti koje Webly učitava globalno. Kod studija sa velikim portfolio fotografijama, lazy loading i WebP format znače da posetilac vidi sadržaj postepeno, bez praznog ekrana na početku.

Održavanje bez straha od pokvarivanja layouta

Administracija u custom CMS-u prati logiku studija: tekstovi, galerije, istaknute usluge. Klijent ne mora da se bori sa builder elementima koji se pomeraju kada se promeni jedna rečenica. Manje je rizika da slučajna izmena sruši mobilni prikaz, jer su komponente testirane kao celina.

To ne znači da je svaki sajt na Webly loš kandidat za migraciju. Ako klijentu odgovara obim i nema ambicije za SEO rast, možda je bolje ostati. Migracija ima smisla kada vizuelni identitet već postoji, ali tehnička kontrola postaje poslovni prioritet.

Galerija, video i težina stranice

Studijski sajtovi često nose desetine fotografija prostora i opreme. Na Webly verziji te slike nisu uvek bile optimizovane po težini, pa je prva poseta bila sporija nego što izgled sugerise. Posle migracije svaka slika ima definisane dimenzije, WebP varijantu i lazy loading gde ne utiče na prvi utisak.

Ako postoji video materijal, embed mora da se učitava tek kada posetilac zaista želi da ga pusti, ne odmah pri otvaranju stranice. To je mali tehnički detalj koji na mobilnoj mreži pravi veliku razliku u osećaju brzine.

Kontrola nad izmenama bez straha

Klijent sada može da doda novu uslugu, promeni cenu paketa ili zameni fotografiju tima bez rizika da će slučajno pomeriti ceo layout. To smanjuje broj hitnih poziva developeru, ali zadržava mogućnost stručne provere kada izmena utiče na naslove i SEO.

Veza sa projektom Studio za probe

Isti klijent, Studio Asfalt, ima i poseban sajt za prostor za probe. Tamo sam primenio sličan princip: zadržati dizajn, promeniti platformu. Razlika je u sadržaju i nameri pretrage, pa su meta podaci i fokus odvojeni, iako vizuelni jezik ostaje porodican. Detalje tog projekta možeš videti u studiji redizajna sajta Studio za probe.

Ovakva podela na dva sajta ima smisla kada brend nudi različite usluge koje se ne smeju mešati u jednoj pretrazi. Studio za snimanje i studio za probe privlače drugačije upite, pa kanibalizacija u SEO-u nije poželjna.

Ako imaš sajt na Webly ili sličnom builder-u i želiš da zadržiš izgled, ali dobiješ kontrolu nad SEO-om i brzinom, mogu da procenim obim migracije pre bilo kakve odluke. Na stranici redizajn sajta objašnjavam kako razlikujem vizuelnu obnovu od prelaska na custom rešenje.

Prvi mesec posle migracije

Posle objave proveravam indeksabilne stranice, brzinu na mobilnom i da li se galerija ponaša isto kao na Webly verziji. Sitne razlike u razmaku ili prikazu slike na starijim telefonima tada su lako ispravljive. Klijent dobija uputstvo kako sam da zameni fotografiju ili tekst bez rizika za layout.

Dugoročno, migracija smanjuje trošak promene platforme kasnije, jer sadržaj više nije zaključan u tuđi builder. To je posebno važno za studije koji planiraju proširenje usluga ili novi prostor.

Lokalni signal bez praznog geo spam-a

Studio Asfalt radi sa lokalnom publikom, pa sam u sadržaj uključio prirodne reference na lokaciju i način dolaska, bez liste gradova koje studio ne pokriva. Pretraga i AI alati bolje razumeju stranicu kada je kontekst tačan i kada se ne pokušava rankirati za nerelevantne upite.

Schema markup i kontakt podaci prate istu logiku. Ako se promeni radno vreme ili adresa, izmena se radi na jednom mestu i odmah se vidi na sajtu, bez čekanja da builder ponovo objavi celu stranicu.

Kako sam testirao vernost dizajnu

Uporedio sam staru i novu verziju na istim širinama ekrana i snimio razlike koje bi klijent primetio. Fokus je bio na hero sekciji, galeriji, listi usluga i footeru. Sitne razlike u rendering-u fontova korigovane su tako da vizuelni utisak ostane isti, dok HTML ispod bude čistiji i lakši za održavanje.

Klijent je odobrio finalni prikaz pre objave. Taj korak nije formalnost, već zaštita od situacije da migracija promeni nešto što je brend već godinama gradio. Tek posle potvrde pali su meta podaci, schema i provera brzine na produkciji.

Posle objave proverio sam da li WebP slike i lazy loading rade kako treba na starijim Android telefonima, jer je deo publike studio u tom ekosistemu. Sve radi bez JavaScript frameworka na frontendu, u skladu sa projektnim pravilima performansi. Lighthouse provera na produkciji potvrdila je da istaknuta slika ostaje LCP element bez nepotrebnog odgađanja. Migracija je time zatvorila krug: isti izgled, bolja tehnička osnova i jasniji put ka daljem SEO radu.