▷ Kako dizajnirati svoju prvu brendiranu poslovnu web stranicu

Napomena: Sljedeći članak će vam pomoći: Kako dizajnirati svoju prvu brendiranu poslovnu web stranicu

Ako ste određene dobi—recimo 35 ili više godina—vjerojatno se sjećate strahopoštovanja i uranjanja koje ste osjetili kada ste prvi put pokrenuli Netscape Navigator i posjetili poslovnu “web stranicu” svoje omiljene marke.

Sada brzo naprijed u ovo doba umjetne inteligencije, Ubera, Robloxa, Mete, Snapchata i puno vise… I pogodi što? Web stranica je još uvijek najbolji način da podijelite svoju marku sa svijetom.

Sadržaj

To vrijedi bez obzira jeste li mega brand ili skromni kreator, samostalni poduzetnik ili vlasnik male tvrtke. Desetljećima kasnije, web stranica još uvijek pruža neusporedivu kreativnu fleksibilnost i kontrolu nad vašim brendom. To je mjesto gdje posjetitelji mogu saznati više o vama pod vašim uvjetima. Sjajna web stranica pomaže vam ispričati svoju priču, izgraditi povjerenje, pa čak i stvoriti zajednicu i obožavatelje za cijeli život.

Danas dijelimo uvod o brendiranju i dizajnu web stranica za online kreatore i poduzetnike. Provest ćemo vas kroz kako dizajnirati web stranicu za svoju marku, bilo da ste kreator, samostalni poduzetnik ili vlasnik male tvrtke s timom zaposlenika.

Ovaj članak neće služiti kao vodič korak po korak za pokretanje web stranice niti ulaziti previše u dubinu teme samog brendiranja. (Za to, SPI Vodič za početnike za brendiranje može vam pomoći definirati misiju, viziju i još mnogo toga vašeg brenda i odlučiti treba li to biti osobni brend ili brend tvrtke.)

Umjesto toga, ovo je terenski vodič za dizajniranje web stranice koja stavlja vaš brend u središte i povezuje se s vašom ciljanom publikom.

Fotografija Hala Gatewooda na Unsplash

Zašto trebate brendiranu web stranicu

Pa zašto brendirana poslovna web stranica? Uz popis adresa e-pošte, web-mjesto je nešto što morate imati kada počinjete graditi svoj brend. Poput popisa e-pošte, imate više kreativne i administrativne kontrole nad web-mjestom nego svoju prisutnost na drugim platformama kao što su Facebook, Instagram ili Etsy. A s iznimkom rijetkih prekida usluge ili kršenja sigurnosti, mnogo je manje vjerojatno da će vaša stranica nestati na način na koji račun društvenih medija može biti zabranjen ili suspendiran.

Vaša brendirana web stranica je poput vaše matične baze, središnje mjesto za oblikovanje imidža i naracije vaše marke. U SPI-u smo nedavno obnovili našu web stranicu kako bismo se usredotočili na naš temeljni fokus izgradnje zajednice i učinili je čistijom i lakšom za navigaciju.

Evo u čemu vam može pomoći dobro izrađena web stranica za male tvrtke:

Kontrolirajte svoj brend: Web stranica vam daje potpunu kontrolu nad načinom na koji svoju marku prikazujete svijetu, bez kreativnih ograničenja platformi trećih strana. Također diverzificira vašu online prisutnost, smanjujući ovisnost o bilo kojoj pojedinačnoj platformi.

Izgradite povjerenje: Dobro dizajnirana web stranica daje dojam profesionalnosti i legitimnosti vašem brendu, ulijevajući povjerenje.
Posjedujte svoj sadržaj: Vi posjedujete i kontrolirate sadržaj na svojoj web stranici, smanjujući rizik da promjene algoritma ili gašenja platforme ugroze doseg i vidljivost vašeg sadržaja.
Zaraditi novac: Svoju web stranicu možete koristiti za promicanje i prodaju proizvoda i usluga ili za prikazivanje oglasa.
Izgradite zajednicu: Web stranice nude namjenski prostor za izgradnju zajednice i sljedbenika. Možete uhvatiti prijave za bilten i popis e-pošte, pa čak i povezati se s vlastitom zajednicom članova.
Predstavite svoj rad: Koristite svoju web stranicu da podijelite studije slučaja, izjave i portfelje svog rada sa svojom publikom.
Shvatite svoju publiku: Analitika web stranice pruža vrijedne podatke o ponašanju korisnika, pomaže vam da bolje razumijete svoju publiku i optimizirate svoj sadržaj kako biste doprli do njih.

Dobiti Odlijepljeno u samo 5 minuta, besplatno

Naš tjednik Odlijepljeno bilten pomaže internetskim poduzetnicima da se probiju kroz mentalne blokade, slijepe točke i nedostatke u vještinama. To je najbolje 5-minutno štivo koje ćete pronaći u svojoj pristigloj pošti.

Besplatni newsletter. Otkažite pretplatu bilo kada.

Vaša web stranica treba izražavati osobnost vaše robne marke

Kad puno ljudi čuje riječ markaoni misle logo. Istina, logotip je ključni dio brenda vašeg kreatora ili internetskog poduzetnika — ali vaš brend je također puno više od samo dojmljive grafike. Budući da je vaša web stranica vaša matična baza, to je najbolje mjesto za prenošenje suštine vašeg brenda kroz sljedeće ključne elemente:

Izjava o svrsi Patagonije je jednostavna, ali snažna: spasiti naš planet.

Shema boja: Upotrijebite najviše četiri boje koje reflektiraju marku. Profesionalno uskladite boje; izbjeći neusklađenost. Istražite psihologiju boja—proučavanje o tome kako boje utječu na percepciju i ponašanje—za smjernice.

Stranica Alija Abdaala koristi umirujuću kombinaciju sive, crne, plave i bijele.

Ton glasa: Osim estetike, vaša brendirana poslovna web stranica treba poseban glas — ton koji informira sav vaš pisani sadržaj. Prilagodite svoj ton svojoj osobnosti, niši i publici, održavajući ga pristupačnim i bez žargona.

U SPI-u težimo mješavini prijateljskog, čak pomalo ležernog, ali prodornog.

Slogan ili moto: Sažet, nezaboravan slogan pomaže u prenošenju identiteta i vrijednosti vašeg brenda u obliku zalogaja. To je mali detalj koji može biti jako važan!

Slogan Dollar Shave Cluba je #dadjoke perfection, prenoseći nepoštovanje prirode brenda.

Font potpisa: Odaberite jedan ili dva čitljiva fonta koji odražavaju vašu osobnost, radi dosljednosti u svemu što pišete i kako biste premostili vizualni identitet svoje marke s pisanim.

SPI-jev prepoznatljiv font, Figtree, pristupačan je glasu našeg brenda.

Nezaboravan logo: Posljednje, ali ne i najmanje važno, privlačan logotip omogućuje trenutno prepoznavanje robne marke. Razmislite o angažiranju grafičkog dizajnera za ovo.

Logo za brend Creator Science Jaya Clousea savršeno prikazuje oba elementa (shvaćate?) imena brenda.

Optimiziranje vizualnog doživljaja vaše internetske poslovne web stranice

Većinom će posjetitelji vašu web stranicu doživjeti vizualno, stoga postoji još nekoliko važnih razmatranja kada su u pitanju vizualna sredstva vaše web stranice. Provjerite jesu li slike, pozadinski dizajni i drugi vizualni elementi koje koristite na svojoj web stranici:

Relevantno za vaš brend i sadržaj: Ovo se može činiti očiglednim, ali vizualni elementi vaše web stranice trebali bi ima smisla u kontekstu vašeg brenda i okolnog sadržaja. Svaki vizualni element trebao bi nadopuniti i poboljšati sadržaj koji prati i uskladiti se s identitetom vašeg brenda, odražavajući njegove vrijednosti, osobnost i poruke.
Strateški smješten: Namjenski postavite vizualne elemente kako biste vodili korisnikovo putovanje i naglasili ključne poruke. Razmotrite tok web stranice i kako vizualni elementi mogu poboljšati pripovijedanje.

Web stranica konzultanta Paula Fureyja koristi tekst i slike kako bi ispričala priču na zadivljujući način.

Dosljedan u stilu: Održavanje dosljednog vizualnog stila na svim slikama stvara kohezivan i skladan izgled i pomaže u prepoznavanju robne marke. Koristite te boje marke!

Ikone koje predstavljaju različite elemente naše online zajednice imaju isti izgled i dojam, uključujući paletu boja.

Visoka kvaliteta: Koristite profesionalne slike visoke razlučivosti; zrnati ili pikselirani mogu umanjiti kredibilitet vašeg brenda.
Pristupačan: Neće svi vaši posjetitelji vizualno doživjeti vašu brendiranu poslovnu web stranicu, stoga osigurajte da su svi vizualni elementi dostupni dodavanjem opisnog alternativnog teksta svim vašim slikama.
Optimizirano i responzivno: Vizualni materijali trebaju se dobro prilagoditi različitim veličinama zaslona, osobito na mobilnim uređajima. Također ih treba komprimirati kako bi se poboljšalo vrijeme učitavanja (i rangiranje u tražilicama).

Oglasna kampanja tvrtke za web dizajn Nettl pokazala je duhovit rizik da vaše slike ne budu prilagođene mobilnim uređajima.

Pravno: Sve slike trebaju biti ili izvorne, ispravno licencirane ili spadati pod poštenu upotrebu. Poštujte zakone o autorskim pravima i tražite dopuštenje ako je potrebno!
Bezvremenski: Što je više moguće, odaberite vizualne elemente koji se mogu razvijati s vašim brendom, a ne trendove koji bi mogli zastarjeti.
ljudski: Ljudska lica i izrazi mogu stvoriti jaču emocionalnu vezu s publikom, stoga uključite slike koje prikazuju ljude.

SPI zajednicu ipak čine ljudi!

Osiguravanjem da je vizualno i pisano iskustvo vaše web stranice dosljedno, profesionalno i usklađeno s identitetom i glasom vaše robne marke, potaknut ćete osjećaj bliskosti i povjerenja kod svoje publike.

Sjajna web stranica za kreatore treba sjajno korisničko iskustvo: izgled i navigacija

Vaše web mjesto nije samo statičan prikaz; to je interaktivno iskustvo za vašu publiku. Nakon što ste utvrdili ključne elemente brenda koji su potrebni vašem web-mjestu, od svrhe vašeg brenda do glasa, tona i vizualnog identiteta, vrijeme je da počnete dizajnirati stvarni izgled web-mjesta.

Dok birate izgled, razmislite o tome što će najbolje prenijeti identitet i poruku vaše robne marke, a istovremeno učiniti stvari što jednostavnijim i intuitivnijim kako bi vaši posjetitelji mogli navigirati i pronaći ono što traže. Evo nekoliko popularnih opcija izgleda koje treba razmotriti:

Jedan stupac: Čisto i jednostavno, s jednim stupcem za jednostavnu navigaciju.

Poznati blog Setha Godina koristi prednosti jednostavnosti izgleda u jednom stupcu.

Mreža: organizira sadržaj u vizualno privlačnu mrežnu strukturu, prikladnu za učinkovito prikazivanje više stavki, poput portfelja ili prikaza proizvoda.
Izgled časopisa ili bloga: Oponaša časopis ili blog s više stupaca — dobro prilagođen web stranicama s velikim sadržajem.

Stranica The Verge hrabar je primjer izgleda časopisa.

Glavna slika ili video: Sadrži upečatljivu sliku ili video na vrhu, odmah privlači pozornost i često se koristi za izlaganje proizvoda ili postavljanje tona robne marke.
Podijeljeni zaslon: Dijeli web stranicu u dva različita odjeljka, pružajući moderan i vizualno privlačan dizajn s prostorom za kreativne elemente.
Pomicanje paralakse: Stvara dinamično iskustvo pomicanja s pozadinskim elementima koji se kreću različitim brzinama, dodajući dubinu i interaktivnost.
Kartica: Predstavlja sadržaj u modularnim i fleksibilnim karticama, promičući vizualnu hijerarhiju i jednostavnu organizaciju, pogodan za različite vrste informacija.

Koristimo kartice za dijeljenje svjedočanstava članova na našoj stranici Zajednice, napravljenih pomoću Testimonial.to.

Pozadina preko cijelog zaslona: Uključuje sliku preko cijelog zaslona ili video pozadinu za vizualno impresivno iskustvo.

Kratka napomena o navigaciji: koji god izgled odabrali, lakoća navigacije vaših korisnika vašom web stranicom odredit će koliko će dugo ostati i hoće li pronaći ono što im je potrebno – ili će se frustrirati i odustati. Također možete pomoći ljudima u kretanju web-stranicom vaše robne marke pažljivim postavljanjem i organizacijom izbornika i podnožja.

Strateški sadržaj koji vaša web stranica treba

Smislili ste vizualni identitet i glas svoje robne marke i odabrali izgled web stranice. Sada ga morate ispuniti korisnim sadržajem koji vašim posjetiteljima govori tko ste, što radite i kako im možete pomoći!

Ovo su neke od ključnih stranica koje treba uzeti u obzir za web-lokaciju vaše robne marke—neke morate imati, dok će druge ovisiti o vašem poslovanju i ponudi:

Početna stranica: Početna stranica trebala bi ponuditi snimku vaše robne marke, potaknuti posjetitelje na daljnje istraživanje, komunicirati vašu jedinstvenu ponudu vrijednosti i voditi korisnike do ključnih dijelova vaše web stranice.
Blog: Osim promoviranja vaših proizvoda ili usluga, blogovi su još uvijek popularan način dijeljenja vrijednog sadržaja koji vas pozicionira kao autoriteta u vašoj niši.
Podcast stranica: Ako imate podcast, svakako biste trebali imati posebnu stranicu za to na svojoj web stranici. Iako vaš podcast tehnički može postojati bez web stranice, podcast stranica može promovirati vašu emisiju i pomoći slušateljima da saznaju više o vašem brendu i ponudi.
Odjel za vjerodostojnost: Iskustva, studije slučaja i medijsko izvještavanje prikazuju pozitivna iskustva drugih, uspostavljajući kredibilitet i pouzdanost vašeg brenda i izgrađujući povjerenje. Ovaj sadržaj može živjeti na vlastitoj stranici ili se strateški postaviti na različita mjesta na vašoj web-lokaciji.
Stranice proizvoda/usluga: Svaka stranica proizvoda ili usluge trebala bi sadržavati detaljne informacije, pogodnosti i uvjerljiv poziv na akciju (CTA).
Priča o robnoj marki/stranica s podacima: Vaša se publika povezuje s ljudima i pričom koja stoji iza vašeg internetskog poslovanja. Koristite ovu stranicu da komunicirate svoju misiju, vrijednosti i putovanje koje je dovelo do stvaranja vašeg brenda.
Stranica trgovine: Ako želite koristiti svoju web stranicu za prodaju stvari, trebat će vam stranica trgovine s jednostavnom navigacijom, jasnom kategorizacijom proizvoda i jednostavnim postupkom naplate.

Primjeri mrežnih web stranica s robnim markama kreatora i poduzetnika

Za malo inspiracije, ovdje je izbor izvrsnih brendiranih poslovnih web stranica koje su izradili online kreatori i poduzetnici poput vas! Svi su ti ljudi slučajno članovi naše SPI Pro zajednice, o kojoj možete saznati više na SmartPassiveIncome.com/community.

Anđeo gnom

Kreatorska poslovna web stranica Ange Wilson koja se temelji na prošivanju ima snažan, živahan vizualni identitet temeljen na paleti ružičastih i plavih boja i razigranom fontu zaglavlja. Prijedlog vrijednosti Gnome Angela pozdravlja vas čim otvorite početnu stranicu, a dok se pomičete učite o resursima i proizvodima Gnome Angela putem “patchwork” stila dizajna koji asocira na poplun. “Ljepljivi” navigacijski izbornik nastavlja se dok se spuštate početnom stranicom, omogućujući jednostavan pristup ostatku stranice.

Gnome Angelova web stranica za prošivanje koristi šarenu paletu i razigrane fontove.

Piscari

Stranica Piscari je web stranica robne marke tvrtke s jednostavnom, čistom, funkcionalnom početnom stranicom koja služi kao stranica O tvrtki i njezinom osnivaču, Mikeu Landeru, s vezom za pridruživanje popisu e-pošte Piscari na dnu. Gornji navigacijski izbornik koji se prikazuje na svakoj stranici olakšava učenje više o tvrtki, njezinim uslugama i drugim resursima. Gumb “Kontaktirajte nas”, uokviren podebljano zelenom bojom, ističe glavni poziv na akciju na koji se posjetitelji potiču.

Web stranica Pisacarija Mikea Landera koristi čist, ali šaren dizajn početne stranice.

Jette Stubbs

Stranica trenerice karijere i poslovanja Jette Stubbs odmah predstavlja njezinu ponudu, nakon čega slijedi prijateljska fotografija Jette koja humanizira brend. Jednostavan raspored u jednom stupcu smanjuje ometanje i vodi vas niz stranicu dok naiđete na svjedočanstvo zadovoljnog klijenta i saznate više o uslugama Jette. Grafički elementi i slike isprepleteni su posvuda, zajedno sa suptilnim promjenama boje fonta kako bi privukli pozornost. Efekt pomicanja paralakse s Jettenim licem u pozadini dodaje više ljudske dimenzije i malo novine. Jednostavan gornji navigacijski izbornik dupliciran je na dnu, s poveznicama na stranicu O stranici, Jettein podcast i izjave.

Stranica Jette Stubbs izgrađena je oko humanizacije njezine marke i brzog uvođenja ponude.

Još uvijek razmišljate o izradi web stranice za svoju malu tvrtku?

Završit ćemo s nekoliko podsjetnika — i razotkrivanjem nekoliko uobičajenih zabluda o stvaranju brendirane poslovne web stranice:

Da, potrebna vam je web stranica. Web stranice nisu samo za velike tvrtke, a društveni mediji nisu dovoljni.
Vaša web stranica ne mora biti složena ili estetski zadivljujuća. Jednostavan dizajn prilagođen korisniku često ima bolje rezultate, stoga se prije svega usredotočite na jasnoću i funkcionalnost.
Web stranici je potrebna pažnja. Vaše web mjesto neće samo privući promet. Morate ga promovirati i redovito popunjavati svježim sadržajem bogatim SEO-om.
Ne morate ići sami. Postoji mnogo izvrsnih dizajnera koji vam mogu pomoći u izradi logotipa i web stranici s robnom markom profesionalnog izgleda. (Radili smo s dobrim ljudima u Rockbaseu na našem redizajnu.)

Ako se osjećate uplašeno, nemojte! Imamo svu podršku koja vam je potrebna da počnete graditi svoj brend i dizajnirati ubojitu web stranicu da je pokažete svijetu. Provjerite karticu Besplatni resursi na našoj web stranici, gdje ćete pronaći sadržaj za poduzetnike svih razina. Ako ste spremni poduzeti sljedeći veliki korak na svom mrežnom poslovnom putu, idite na SmartPassiveIncome.com/community kako biste saznali više o našim zajednicama za internetske poduzetnike. Možete učiti od drugih poput vas koji su izgradili vlastite brendirane web stranice, dobiti pristup našoj punoj biblioteci tečajeva, sudjelovati u događajima uživo i još mnogo toga.

Podijelite ovu objavu