Sustav dizajna u odnosu na modularni predložak: Što je najbolje za e-trgovinu

Napomena: Sljedeći članak će vam pomoći: Sustav dizajna u odnosu na modularni predložak: Što je najbolje za e-trgovinu

Proširenje vašeg E-commerce poslovanja može biti vrlo skupo: proizvodnja robe, distribucija, plaće, marketinške potrebe (i to je samo mali dio toga). Dakle, ako vidite neka područja koja možete barem malo optimizirati, iskoristite tu priliku. To će vam pomoći da uštedite ne samo svoje resurse, već i novac.

Ako koristite e-poštu kao jedan od kanala marketinške komunikacije, počnite s pregledom procesa proizvodnje e-pošte i optimizacijom troškova. Postoje dva glavna načina za to: modularni predlošci i sustavi dizajna.

A modularni predložak pomaže prikupiti najčešće korištene elemente e-pošte na jednom mjestu. Na taj način brend može koristiti prethodno poslane e-poruke za stvaranje novih bez pomoći dizajnera.

A sustav dizajna je skup pravila i komponenti koje pomažu u stvaranju jedinstvenog vizualnog stila za različite vrste sadržaja. Uz pokretačke, promotivne ili pozdravne e-poruke, to također uključuje oglase, push obavijesti i druga sredstva vizualne komunikacije.

Pratite ovaj članak kako biste usporedili dva pristupa i odlučili koji će od njih biti najbolje rješenje za robnu marku e-trgovine.

Kako rade modularni predlošci

Svaki e-mail (osim običnih tekstualnih poruka) sastoji se od nekoliko blokova. Modularni predložak je skup blokova kreiranih pomoću grafičkog uređivača, na primjer, Figma. Uključuje sve potrebne elemente i omogućuje vam bržu i učinkovitiju izradu e-poruka budući da već imate primjer pri ruci.

Međutim, ako koristite alat za izradu e-pošte povuci i ispusti (na primjer, Blokovi ili bilo koji drugi alat po vašem izboru), izrada e-pošte postaje još lakša.

Svoj modularni predložak možete prenijeti izravno u alat za izradu, spremiti elemente koji su vam najpotrebniji kao prilagođene blokove i koristiti ih kao osnovu za svoju buduću e-poštu.

Što to znači jednostavnim rječnikom? Ne morate angažirati dizajnera da radi na vašoj komunikaciji e-poštom. Kada je modularni predložak spreman, bilo tko u vašem timu može odabrati potrebne elemente i urediti kopiju e-pošte i slike za potrebe određene kampanje.

Za vizualni primjer, evo kako modularni predložak može izgledati:

Komponente modularnog predloška

Komponente vašeg modularnog predloška ovise o vašoj niši i vrsti e-pošte koju planirate slati. U isto vrijeme, neki elementi su univerzalni i dodani u bilo koji modularni predložak prema zadanim postavkama. Ove bitne komponente e-pošte su:

Predzaglavlje. Ovaj element sadrži temu vaše e-pošte i poveznicu na web verziju. Neki brendovi preskaču ovaj korak, ali toplo preporučujemo dodavanje web verzije u predložak e-pošte (posebno ako se puno oslanjate na vizualne elemente).

E-pošta se može pokvariti ili se slike možda neće uspjeti učitati iz nepoznatog razloga. Web verzija omogućuje vašim pretplatnicima da izvuku maksimum iz ove situacije.

Zaglavlje. Kao standard, sadrži logotip tvrtke i ponekad podatke za kontakt i/ili izbornik. U slučaju da dizajnirate izbornik za zaglavlje e-pošte, nemojte ga preopteretiti: uključite samo najvažnije stavke prikladne za točnu kampanju e-pošte.

Glavni banner. Blok koji se koristi za prenošenje glavne poruke vaše e-pošte.

Blok teksta. Ovaj se element koristi kako bi čitateljima pružio više pojedinosti o temi e-pošte.

STA (poziv na radnju). Vizualni element (obično u obliku gumba) koji potiče čitatelje da poduzmu određenu radnju: posjete vašu web stranicu, dodaju proizvode u košaricu, iskoriste kupon za popust itd.

Podnožje. Posljednji element e-pošte, koji se nalazi na samom dnu. Uključuje neke obvezne komponente e-pošte (podatke za kontakt, poveznicu “Odjava” i pravna odricanja od odgovornosti).

Vaše podnožje također može sadržavati veze na društvene medije i mobilne aplikacije, dodatne CTA-ove i druge informacije koje bi mogle olakšati živote vaših pretplatnika.

Glavna poteškoća s modularnim predlošcima: teško je predvidjeti koji će se elementi (osim osnovnih) dugoročno koristiti. Vrlo je vjerojatno da ćete u budućnosti morati dodati nove elemente ili napraviti neke druge prilagodbe svom modularnom predlošku.

Specifični modularni blokovi predložaka za e-trgovinu

Nakon što ste se dogovorili o standardnim elementima, vrijeme je da razmislite o prilagođenim blokovima koje zahtijeva industrija e-trgovine. Evo popisa blokova koje biste trebali uzeti u obzir (naravno, ovaj popis nije konačan i po potrebi možete dodati vlastite komponente):

Blokiranje promotivnog koda. Vitalni element za svaku tvrtku koja prodaje svoje proizvode ili usluge. Ovdje važno pravilo: sam promo kod uvijek dizajnirajte kao tekst kako bi ga primatelji mogli kopirati. Još jedna prednost je da će vaš kod biti vidljiv čak i ako se slike ne uspiju učitati.

Mreža proizvoda. Ovaj je element podjednako koristan za e-poruke pokretača i redovne promocije. Mreža se može koristiti za prikazivanje zajedničkog kataloga ili dinamičkog sadržaja. Osim toga, ako dajete popuste za odabrane proizvode, dizajnirajte rešetku tako da prikazuje redovne i snižene cijene.

Anketni blok. Ovaj element pruža priliku da saznate jesu li pretplatnici zadovoljni vašim e-mailovima (ili vašim brendom općenito). Ankete mogu biti osmišljene u različitim formama i oblicima: od obične ljestvice “1 do 10” ili “5 zvjezdica” do nečeg sasvim drugačijeg i kreativnog.

Blok kolica. Takvi se blokovi koriste u e-porukama o napuštenim košaricama, e-porukama s potvrdom narudžbe i nekim drugim vrstama. Ovdje možete dodati neke dodatne podatke vezane uz kupca: adresu dostave, broj telefona, način plaćanja, broj narudžbe itd.

Blok kategorije proizvoda. Još jednom, ovaj bi element mogao biti prikladan izbor i za e-poruke okidača i za obične promotivne e-poruke. Za ovaj blok možete koristiti uobičajeno pozicioniranje (prikladno za dinamički sadržaj) kao i neuobičajeno pozicioniranje (prikladno za tipične promocije).

Hoće li modularni predložak odgovarati mojoj robnoj marki?

Modularni predlošci mogu se pokazati vrijednima u sljedećim situacijama:

• vodite malu tvrtku (na primjer, startup ili lokalnu tvrtku) i imate vrlo ograničena sredstva;
• novi ste u e-mail marketingu i želite brzo i jednostavno kreirati e-poštu;
• želite uštedjeti novac na HTML programeru i dizajneru, a da pritom zadržite mogućnost samostalnog uređivanja e-pošte.

U svakom od ovih slučajeva modularni predlošci mogu pomoći da se brzo uspostavi profesionalna prisutnost bez velikih troškova.

U isto vrijeme, nekim je tvrtkama bolje izbjegavati korištenje modularnih predložaka u svojim kampanjama putem e-pošte.

Modularni predlošci mogu izgledati prekrasno i privući pozornost vaših pretplatnika, ali ako pozicioniranje vašeg brenda ukazuje na jedinstvenost i ekskluzivnost, bolja bi opcija bila zadržati dosljednost svoje slike u svim komunikacijskim kanalima.

Što je potrebno za modularni predložak?

Ako ste odlučili izraditi modularni predložak, morat ćete slijediti određene korake. Evo nekih ključnih informacija i elemenata o kojima biste trebali razmisliti:

1. Odredite koje vrste e-pošte planirate slati i odredite koji su blokovi strogo potrebni za svaku od ovih vrsta. Nakon toga izradite jedinstveni popis takvih blokova.

2. Odlučite o paleti boja za svoj predložak i treba li biti u skladu s vašim dizajnom web stranice ili proizvoda. Ako ne, razmislite o alternativnom (ali prikladnom) izboru boje koji neće biti iznenađenje u vašem konačnom predlošku.

3. Prikupite sve elemente koji su vam potrebni za modularni predložak na jednom mjestu: vaš logotip, adresu, slike marke (ako je primjenjivo), itd.

4. Pripremite sadržaj za svaki glavni blok e-pošte. Navedite informacije koje želite uključiti u podnožje, zaglavlje i bilo koji drugi univerzalni element. To će vam omogućiti da te elemente jednostavno stavite u svoje buduće e-poruke, ne gubite vrijeme na uređivanje.

Kako funkcioniraju sustavi dizajna

Sustav dizajna regulira sve vizualne komunikacije brenda. Obično se kombinira u biblioteku koja korisnicima omogućuje kontrolu dizajna smanjenjem suvišnih elemenata i stvaranjem vizualne dosljednosti kroz različite komunikacijske kanale.

Drugim riječima, to je radni prostor s različitim komponentama prikladnim ne samo za e-poštu već i za bilo koju višekanalnu komunikaciju.

Sustavi dizajna omogućuju vam automatizaciju tijeka rada i ubrzanje procesa odobravanja.

Budući da se o svakom važnom detalju (uključujući stil, fontove, podloge, ikone itd.) raspravlja tijekom faze stvaranja sustava dizajna, dizajner će već znati koja pravila treba poštovati za dodatne elemente.

Na ovaj način komunikaciji je potrebno manje vremena za stvaranje i pridržavanje jedinstvenog stila.

Evo primjera kako bi sustav dizajna mogao izgledati:

Izvor

Točnije, knjižnica uključuje:

• Predlošci za sve vrste komunikacije;
• Različiti stilovi koji se mogu primijeniti na predloške kako bi se promijenili vizualni elementi, a struktura ostala netaknuta;
• Gotovi blokovi slični elementima modularnih predložaka.

Komponente sustava dizajna

Pogledajmo tipične komponente sustava dizajna:

• UI komplet (uključuje glavne elemente sučelja);
• razne vrste CTA-ova;
• tipografija: fontovi, veličine različitih naslova i normalnog teksta, dizajn popisa i citata, poravnanje teksta;
• modularna mreža: broj stupaca, redaka i razmaka među njima;
• različiti dizajni bannera sa slučajevima korištenja;
• razne mreže proizvoda;
• nekoliko zaglavlja/podnožja za različite vrste komunikacije;
• često korištene vrste blokova i njihove varijacije za različite vrste e-pošte;
• primjeri slučajeva korištenja blokova i UI kita;
• ikone/ilustracije;
• boje, osnovne i pomoćne nijanse;
• intervali: margine, razmaci i granice elemenata;
• slike.

Osim osnovnih vrsta e-poruka, možete koristiti sustave dizajna za izradu:

• masovna pošta: promotivna e-pošta, bilteni i sažetci;
• pokrenute kampanje e-pošte: e-poruke dobrodošlice, e-poruke o napuštenim pogledima i sekvence e-pošte nakon kupnje.

Hoće li sustav dizajna odgovarati mojoj robnoj marki?

Sustavi dizajna definitivno će savršeno odgovarati vašoj robnoj marki ako:

• imate puno e-mailova slične strukture i šaljete ih prilično često;
• trebate ponoviti puno marketinških komunikacija odjednom bez gubljenja previše vremena;
• imate stalno zaposlenog dizajnera koji je u stanju izraditi dodatne ilustracije, potrebne elemente i e-mailove na temelju sustava dizajna;
• vaš brend je velik i želite stvoriti jedinstveni sustav za sve njegove komunikacije.

Sustavi dizajna omogućit će vašoj tvrtki da smanji količinu vremena utrošenog na proces odobravanja.

S druge strane, možda neće biti dobar izbor ako stvarate jedinstvenu vizualnu komunikaciju: na primjer, ako izrađujete ilustracije od nule i redovito koristite različite stilove u svojim e-porukama.

Kao primjer, pogledajte 2 e-poruke od Prodavačica ribetvrtka specijalizirana za konzervirane plodove mora. Osim identičnog logotipa u zaglavlju, potpuno su različiti. Takve e-poruke vrlo je teško prilagoditi za objedinjeni modularni predložak, pa čak i za sustav dizajna.

Izvor

Što je potrebno za sustav dizajna?

Savršen slučaj je kada imate detaljne smjernice ili brand book jer se oni mogu lako prilagoditi potrebama komunikacije putem e-pošte. Ali čak i ako nemate ništa od toga, možete izraditi sustav dizajna na temelju vaših trenutnih vizualnih elemenata: vaše web stranice, društvenih medija ili sredstava na prodajnom mjestu (POS).

Za izgradnju sustava dizajna potrebno je oko četiri dana kada su sve komponente spremne (smjernice, brand book, ikone i drugi vizualni elementi). Međutim, trajanje ovisi o količini imovine koju dajete timu (kao io njihovoj kvaliteti).

Kao rezultat toga, obično ćete dobiti Figma datoteku koja sadrži vaš sustav dizajna:

• komplet korisničkog sučelja i komponente blokova u zasebnom rasporedu;
• potrebne boje, tipografija i jednostavni blokovi u imovini dostupni svima u timu;
• gotove predloške podijeljene u nekoliko izgleda na temelju njihove vrste (na primjer, razne vrste okidačkih e-poruka, sekvenci e-poruka dobrodošlice itd.).

Povrh toga, možete ubrzati stvaranje svoje e-pošte dodavanjem najčešćih komponenti blokova u uređivač e-pošte povlačenjem i ispuštanjem i preuzimanjem procesa od tamo.

Sustavi dizajna u odnosu na modularne predloške: prednosti i ograničenja

Naravno, i modularni predlošci i sustavi dizajna imaju svoje prednosti i nedostatke. Pogledajte sljedeću usporedbu i odlučite koji je pristup prikladan za vaš brend.

Modularni predlošci

Modularni predlošci su isplativa opcija jednostavna za korištenje koja dolazi sa svojim udjelom prednosti i ograničenja.

Prednosti:

1. Modularni predlošci osiguravaju ujednačen izgled i mogu značajno smanjiti vrijeme pokrenuti email kampanju.
2. Oni su idealno za mala poduzeća ili startupe s ograničenim proračunima i općenito su jeftiniji od prilagođenih dizajna.
3. Često su jednostavan za korištenje i pristupačan: trgovac može izvršiti sve potrebne prilagodbe u roku od nekoliko minuta bez pomoći tehničkih stručnjaka.

Ograničenja:

1. Kako poduzeća rastu, predlošci mogu zahtijevati dodatne blokove. A ako odlučite u potpunosti promijeniti identitet robne marke, morat ćete ponovno izraditi cijeli predložak ispočetka.
2. Još jedno ograničenje je to što im prilagođavanje je često ograničeno na unaprijed definirane opcije i ne dopušta vrlo kreativne blokove.
3. Kao što je ranije spomenuto, to je teško predvidjeti koji bi blokovi mogli biti potrebni u budućnosti.

Sustavi dizajna

Sada prijeđimo na prednosti i nedostatke koje smo pronašli u sustavima dizajna.

Prednosti:

1. Sustavi dizajna to osiguravaju svi elementi usklađeni su s identitetom markepružajući dosljedno korisničko iskustvo u svim komunikacijskim kanalima.
2. Oni su lako prilagodljiv rastućim potrebama poslovanja, dopuštajući proširenje i modifikaciju.
3. Oni pojednostaviti tijek rada između dizajnera i programera. Novozaposleni dizajner također će imati akcijski plan korak po korak koji olakšava ulazak u proces.
4. Iako u početku skuplji, oni može dovesti do uštede troškova tijekom vremena zbog skalabilnosti i mogućnosti ponovne upotrebe.

Ograničenja:

1. Sustavi dizajna zahtijevaju a značajnije početno ulaganje u vremenu i resursima.
2. Oni trebaju redovita ažuriranja i upravljanje kako bi ostali relevantni i učinkoviti.
3. Postavljanje sustava dizajna može biti složen i dugotrajan.

Zaključak

Uz sve veću konkurenciju u različitim industrijama i poduzećima, korisničko iskustvo postaje vitalno. Brendovi si ne mogu dopustiti da šalju e-mailove samo radi sebe i nadaju se da pretplatnici neće primijetiti nedosljednosti i loš dizajn.

Modularni predlošci i sustavi dizajna mogu pružiti veliku pomoć u izradi vaših najljepših i najučinkovitijih e-poruka.

Držite se modularnih predložaka ako ste novi u marketingu putem e-pošte ili ako vam je proračun ograničen (i još niste spremni ulagati u stvaranje potpunog sustava dizajna).

S druge strane, ako imate dovoljno resursa i želite sve komunikacije vašeg brenda dovesti do jedinstvenog stila, sustavi dizajna bit će savršena opcija.

Bez obzira na vaš eventualni izbor, dobit ćete priliku smanjiti troškove proizvodnje e-pošte i stvarati prekrasne e-poruke mnogo bržim tempom.