Prestanite birati predloške prema izgledu: tijek rada sa sadržajem na prvom mjestu za agencije

Sažetak

Većina agencija krivi predložak kada klijentske web stranice zapnu. Pravo usko grlo je uvođenje i mapiranje sadržaja koje se događa prije nego itko odabere temu. Ova analiza prati tipičan angažman klijenta — industrijskog dobavljača s devet proizvodnih linija i tri vrste kupaca — kroz ponovljiv tijek rada s predlošcima. Naučit ćete kako pretvoriti otkrića o klijentu u nacrt stranicu po stranicu, odabrati temu na temelju opterećenja sadržajem, a ne izgleda hero sekcije, te izgraditi biblioteku za ponovnu upotrebu koja ubrzava rad sa sljedećim klijentom. Isplata: manje izmjena, manje pitanja 'može li predložak to?', i proces isporuke koji se skalira na svakom klijentu.

Većina savjeta o predlošcima ima pogrešan redoslijed. Počinje sa snimkama zaslona. Završava paletom boja. Ako izrađujete web stranice za više od jednog klijenta, upravo je taj redoslijed razlog zašto svaka izrada djeluje kao jedinstvena. Predložak nije početna točka. Klijentov sadržaj jest. To nije semantički trik. Kada odaberete temu prije nego što znate što ona mora sadržavati, tjerate tekst u rasporede, tražite 'još jedan blok' i naplaćujete sate koje nikada ne nadoknadite.

Ovo je tijek rada koji to rješava. Pratite jedan angažman — regionalnog industrijskog dobavljača s devet proizvodnih linija i tri vrste kupaca — od sažetka do pokretanja. Faze se nakon toga primjenjuju na svakog klijenta.

Počnite s pitanjima, a ne s trgovinom predložaka

Klijent šalje uredan sažetak: „Trebamo modernu web stranicu. Čist dizajn. Želimo izgledati veći nego što jesmo.“ Taj sažetak može odgovarati stotinama predložaka. Ne govori vam ništa o tome koji će preživjeti kontakt sa stvarnošću.

Prestanite gledati predloške prije nego što znate što oni nose. Sjednite s klijentom i postavite pitanja koja daju popis stranica, a ne pridjeve:

• Koje stranice postoje na trenutnoj web stranici?
• Koje bi stranice trebale postojati za godinu dana?
• Koje se stranice ažuriraju svaki mjesec? Koje stranice zastarijevaju?
• Što je najkompliciranije na stranici — tablica specifikacija, obrazac za rezervaciju, video zid?
• Tko je druga najvažnija publika nakon kupca?

Odgovori mijenjaju sve. Industrijski dobavljač kaže da njihov katalog proizvoda nije jedna stranica; to je devet kategorijskih stranica, svaka s detaljnim stranicama proizvoda, tehničkim listovima kao PDF-ovima, logotipima usklađenosti i obrascem za zahtjev za ponudu. Tri vrste kupaca — inženjeri, voditelji nabave i distributeri — dolaze na različite stranice i žele različite dokaze.

Sada je 'čist dizajn' besmislen. Predložak mora sadržavati tablicu podataka o proizvodu, popis PDF poveznica i obrazac. To je vaš popis za provjeru.

Mnogi timovi to preskaču jer je klijent već 'rekao što želi.' Nisu. Rekli su vam svoje poslovno ime i svoj optimizam. Napravite popis stranica. Ako vaš trenutni proces počinje pretraživanjem predložaka, ova jedna promjena štedi najviše vremena.

Revizija sadržaja prije lova na predloške

Klijent kaže: „Napravite nešto poput stranice našeg konkurenta.“ Otvorite konkurenta i vidite veliki hero slider. Nemojte početi tamo.

Otvorite klijentovu postojeću web stranicu zajedno s njima. Prije nego što krenete u lov na temu, mapirajte opterećenje sadržaja po stranici. Za svaku stranicu prebrojite vrste sadržaja: duge odlomke, tablice, galerije slika, obrasce, videozapise, datoteke za preuzimanje, biografije tima, preporuke, ugrađene karte. Zabilježite koje su stranice uvijek aktualne, a koje su kampanjske. Rangirajte stranice prema poslovnom cilju. To nije 'lijepo imati'; to je filtar koji ćete primijeniti na svaki predložak.

Praktičan korak: napravite jednostavnu proračunsku tablicu. Stupci su nazivi stranica. Redovi su vrste sadržaja. Označite kućicu ako stranica to treba.

Revizija dobavljača otkriva strogi zahtjev: svaka stranica proizvoda treba raspored u dva stupca s velikom tablicom specifikacija i ljepljivim gumbom 'Zatražite ponudu'. Naslovna stranica treba odjeljak za tri tržišna segmenta. Stranica resursa treba ponovljivu mrežu kartica za PDF-ove.

Može li bilo koji predložak koji inače koristite to podnijeti? Još ne znate. U tome je poanta.

Predlošci specifični za industriju mogu to ubrzati. Predložak izrađen za industrijsku vertikalu često od početka uključuje kataloge proizvoda i odjeljke sa specifikacijama. To vas štedi ručne izgradnje tih blokova. Ali oznake vertikala nisu obećanja. Tema 'proizvodnja' može uključivati blog odjeljak koji vam ne treba i izostaviti lokator distributera koji vam treba. Ocjenjujte predložak prema reviziji, a ne prema nazivu kategorije.

Ako ovo zvuči kao spori dio, nije. Ovo mapiranje unaprijed prekida ciklus 'predložak ne odgovara'. Za dublji uvid u to zašto taj ciklus jede maržu, pročitajte zašto tijekovi rada s predlošcima djeluju sporo i kako ih popraviti.

Pročitajte stranice proizvoda prije naslovne stranice

Ovdje je zamka: demo predloška prikazuje zapanjujuću naslovnu stranicu s videozapisom preko cijelog zaslona. Pokažete je klijentu. Oni odobre. Krenete izraditi stranicu pojedinosti o proizvodu s tablicom specifikacija od osam redaka i raspored se raspadne.

Prestanite ocjenjivati predloške prema njihovoj naslovnoj stranici. Ocjenjujte ih prema njihovoj najdosadnijoj stranici.

Otvorite unutarnje stranice dema. Ima li stranica proizvoda tablicu specifikacija? Prelama li se duga tablica podataka ili se pomiče? Postoji li ljepljivi poziv na akciju? Što se dogodi kada učitate FAQ stranicu s deset pitanja? Izgleda li popis bloga namjerno s četiri stavke, a ne s dvadeset? Predložak koji preživi ove testove vrijedi kupiti.

Usporedba pomaže prije nego što počnete klikati:

Što klijent kaže	Što predložak mora sadržavati
„Treba nam moderan dojam“	Odjeljak preko cijele širine, vođen slikom, koji se ne sukobljava s vašom tipografijom
„Stranice proizvoda su važne“	Ponovljiv raspored proizvoda s tablicama specifikacija, PDF poveznicama i povezanim proizvodima
„Olakšajte kupnju“	Obrazac za ponudu ili rezervaciju vidljiv na svakoj stranici usmjerenoj na kupnju
„Stranica bi trebala rasti s nama“	Modularni odjeljci koje možete preuređivati bez ponovne izgradnje
„Imamo puno PDF-ova“	Mreža kartica ili popis dokumenata koji se skalira bez pucanja

Koristite ovu tablicu kao filtar. Ako predložak padne na jednom retku, odbacite ga. Ako prođe sve retke, naslovna stranica je gotovo nebitna — možete je prilagoditi.

Provjerite stvari koje se kasnije pokvare

Responzivnost, prihvatljivost za SEO, brzina učitavanja, mogućnosti prilagodbe, korisničko iskustvo. Te značajke održavaju stranicu živom nakon pokretanja, a nevidljive su na snimci zaslona.

Otvorite demo na stvarnom telefonu. Postaje li tablica specifikacija zamka za vodoravno pomicanje? Je li ljepljivi gumb za ponudu i dalje dostupan ili prekriva podnožje? Testirajte brzinu stranice na demo teme. Predložak pun teških animacija i prevelikih videozapisa učitavat će se poput cigle.

Provjerite SEO osnove prije kupnje: čiste naslove stranica, meta opise, semantičku hijerarhiju naslova, alt polja za slike, podršku za shemu proizvoda ili lokalnog poslovanja. Mnogi timovi to nauče prekasno. SEO mitovi koji koštaju pozicija dobar su podsjetnik da provjerite prije nego što obećate rezultate.

Mogućnosti prilagodbe također su važne. Tema koja vas zaključava u fiksne odjeljke prisilit će vas da angažirate programera za stvari koje graditelj stranica može napraviti u nekoliko minuta. Potražite predloške u kojima možete preuređivati odjeljke, dodavati novi blok sadržaja i mijenjati globalne fontove i boje s jednog mjesta. Što je modularniji, to je lakše učiniti da svaka klijentska stranica izgleda prilagođeno.

Što učiniti kada se klijent zaljubi u pogrešan predložak

Pošaljete tri opcije. Klijent odgovori s onom koju niste uvrstili u uži izbor — temom za portfelj s velikom zidanom mrežom. Pada na reviziji sadržaja jer tablica specifikacija proizvoda ne postoji u predlošku. Oduprite se porivu za predajom.

Pokažite klijentu reviziju sadržaja, a ne argument. Otvorite demo stranicu proizvoda predloška. Ako nema stranicu proizvoda, imenujte prazninu. 'Ova tema nema raspored tablice specifikacija. Morali bismo je izgraditi od nule, što ukida prednost brzine predloška.' Dajte im konkretnu osnovu za odbijanje.

Zatim ih usmjerite natrag na uži izbor. Neka biraju među provjerenim opcijama. Ako i dalje inzistiraju, opišite odstupanje kao stavku za prilagođenu izradu. To nije pasivno-agresivno — to je pošteno. Klijent može imati lijepi predložak i dodatni vremenski rok. Samo trebaju znati cijenu.

Načelo: vizualna privlačnost je stvarna, ali to je samo jedna značajka. Zaštitite osnovnu funkciju stranice povezujući svaki odabir predloška s revizijom.

Prva izrada je ubacivanje sadržaja, a ne dizajniranje

Odabrali ste predložak. Klijent očekuje dizajn. Oduprite se iskušenju da odmah restilizirate demo.

Prva izrada je ubacivanje sadržaja. Zamijenite svaki primjerak elementa stvarnim sadržajem klijenta — njihove oznake navigacije, njihove stvarne naslove, njihova stvarna imena proizvoda, njihove slike ako ih imate, njihovu adresu e-pošte. Ostavite zadane fontove i boje predloška na mjestu. Zatim pogledajte što se pokvari.

Na stranici dobavljača, oznaka navigacije 'Usluge' postaje 'Proizvodi i specifikacije', što je tri riječi predugo za prostor izbornika. Naslov heroja na naslovnoj stranici 'Vaš partner u proizvodnji' prelazi u tri retka i gura gumb ispod pregiba. Tablica proizvoda sa stvarnim podacima prelazi svoj stupac. To su vrijedne informacije. Točno vam govori koje odjeljke prilagoditi.

Ako prvo promijenite boje, pripisat ćete svaki problem rasporeda predlošku i pogoršati ga. Prvo ubacite sadržaj. To je najjeftinija dijagnostika koju ćete pokrenuti tijekom projekta.

Kada prilagođavate, provedite prolaz prioritizacije: raspored koji se pokvari sa stvarnim podacima popravlja se odmah; kozmetička preferencija bilježi se za krug odobrenja klijenta. To sprječava klasični neuspjeh gdje potrošite cijelo poslijepodne pomičući razmak logotipa i otkrijete da obrazac za ponudu ne radi.

Uklonite sve što nije stvarni sadržaj

Predlošci dolaze s popunom. Postovi na blogu o 'Kako odabrati widget', pet biografija tima sa stock fotografijama, klizač preporuka, kalendar događaja, tablica cijena. Ako vaš klijent nema stvarni sadržaj za odjeljak, uklonite odjeljak.

Prazni ili gotovo prazni odjeljci čine da stranica djeluje nedovršeno. Klizač preporuka s dva citata izgleda pokvareno; mreža tima s jednom fotografijom izgleda tužno. Klijent dobavljač ima dvije kategorije proizvoda s fotografiranjem, a ostale nemaju ništa. Nemojte graditi galerije s placeholderima. Uklonite galeriju ili je zamijenite dobro dizajniranim popisom dokumenata za kategorije bez fotografija.

Isto pravilo vrijedi za vrste stranica. Ako predložak dolazi s blogom, a klijent neće pisati objave, uklonite blog iz navigacije i odlučite hoćete li zadržati stranicu s vijestima. Zadržite samo stranice koje odgovaraju reviziji sadržaja. Neiskorištena stranica je odgovornost za održavanje i crna rupa za prilagodbe nakon pokretanja.

Kompromis: prilagođena izrada može uključivati svaku stranicu koju možete zamisliti. Predložak ne može. Zato revizija sadržaja dolazi prva. Želite predložak koji dolazi s većinom onoga što klijent treba, a ne onaj koji izgleda najbolje sa svim svojim demo odjeljcima netaknutima.

Izgradite drugog klijenta brže uz komplet za pokretanje

Prvi prolaz je spor po dizajnu. Uspostavljate tijek rada. Drugi klijent trebao bi biti brži jer sada posjedujete proces, a ne zato što ste ponovno upotrijebili isti predložak.

Napravite komplet za pokretanje nakon prvog projekta. Najmanje:

• Popis pitanja za otkrivanje iz prvog odjeljka.
• Proračunska tablica revizije sadržaja s jednom karticom po klijentu.
• Popis za provjeru vrsta stranica za uobičajene vertikale.
• Jednostranični priručnik za prilagodbu: redoslijed kojim radite ubacivanje sadržaja, popravak rasporeda, a zatim oblikovanje.
• „Uži izbor predložaka“ po vertikali — dvije ili tri teme koje ste već provjerili.

Sljedeći klijent dolazi. Otvorite komplet, uklonite dobavljačeve proizvodne linije, dodajte njihovu stranicu s cjenikom i provedite istu reviziju. Ne otkrivate proces ponovno. Izvršavate ga.

Tako agencije prestaju tretirati svaku web stranicu kao praznu stranicu. Ako vaš tim redovito ponavlja iste pogreške, provjerite pogreške u prilagodbi koje uništavaju predloške prije nego što institucionalizirate lošu naviku.

Znajte kada predložak nije problem

Još jedna faza: krug revizije. Klijent traži veći tip, vrtuljak, dodatnu odredišnu stranicu i 'možemo li učiniti da logotip pulsira?' Prirodna reakcija je okriviti predložak. Ne uvijek.

Većina izmjena nije ograničenje predloška. To je nedostatak zajedničkog nacrta. Ako klijent ne vidi kako se njegov sadržaj mapira na stranicu, nastavit će tražiti promjene rasporeda jer cilj stranice nikada nije bio eksplicitan. Kada dobijete nejasan zahtjev, vratite se na svrhu stranice iz svoje revizije. 'Ova je stranica osmišljena da dobije zahtjev za ponudu. Pulsirajući logotip ne pomiče taj cilj. Stavimo umjesto toga ljepljivi gumb za ponudu.'

To je poštena trgovina. Prilagođena izrada nudi gotovo neograničenu fleksibilnost, ali ta fleksibilnost ima cijenu: svaka promjena nakon pokretanja postaje nalog za promjenu, a stranica može odlutati od svojeg poslovnog cilja. Dobro odabran predložak s modularnim odjeljcima može apsorbirati nove blokove brže i jeftinije — ako ste ga odabrali na temelju revizije sadržaja. Znajte razliku između 'predložak to ne može' i 'to ne pripada ovoj stranici.'

Zaključak

Birajte predloške prema sadržaju, a ne prema izgledu. Provedite uvodna pitanja. Mapirajte vrste sadržaja. Revidirajte unutarnje stranice. Učinite ubacivanje sadržaja prije prolaza dizajna. Uklonite što nije stvarno. Sačuvajte što naučite za sljedećeg klijenta.

Stranica dobavljača se pokreće. Tri mjeseca kasnije, izvođač HVAC-a dolazi k vama. Isti proces, nova kartica u proračunskoj tablici, brže izvršenje. Predložak postaje početna točka koju možete ponoviti, a klijent dobiva stranicu koja odgovara njihovom stvarnom sadržaju.

Počnite s pitanjima. Predložak će uslijediti.