Vytvorte si svoj web. Sprievodca webovým dizajnom - 99 návrhov

Vytvorenie vlastnej webovej stránky je teraz jedným zo základných - ak podnikáte, potrebujete webovú stránku. Existuje niekoľko spôsobov, ako vytvoriť webovú stránku, ktorá vyhovuje vašim želaniam, potrebám a rozpočtu.

1. Urob si sám: so šablónou a modulárnym systémom
2. Pomocou a Na voľnej nohe: pre individuálne riešenia
3. Pomocou a Agentúry: pre hybridné riešenia

vytvorte
od 2ché pre sparkingmatt

Pravdepodobne si uvedomíte, že hoci sa internet ľahko používa, je dosť zložité navrhnúť a vytvoriť web. Mali by ste vyzerať dobre. Malo by to byť jednoduché na použitie. Chcem, aby ich ľudia našli na Googli. Malo by vám pomôcť premeniť návštevníkov na zákazníkov. Ako to však všetko zvládnuť? A čo je dôležitejšie, ako to urobíte správne? Web design je bezpochyby jedným z najťažších typov grafického dizajnu.

Náš dokonalý sprievodca webovým dizajnom vás prevedie procesom vytvárania webových stránok krok za krokom:

Vytvorte si vlastný web pomocou šablón a stavebníc

Platformy webových šablón pre domácich majstrov si za posledné desaťročie neuveriteľne obľúbili. Určite ste už o niekoľkých počuli. Medzi najznámejšie patria: Squarespace, Shopify, Wix a Weebly. Každá platforma má svoje vlastné osobitosti (Shopify, napr. Sa zameriava na webové stránky elektronického obchodu) a svoje vlastné šablóny, z ktorých si môžete vybrať.

Šablóny na vytvorenie webu v systéme WIX

Výhody:

  • Najlacnejšie možnosti
  • Všetko sú CMS, ktoré vám dávajú kontrolu nad tým, čo je na vašej strane

Nevýhoda:

  • Máte obmedzené na ich šablóny a niekoľko možností prispôsobenia (takže váš web bude vyzerať ako mnoho iných, nemusí zodpovedať vašej značke a nebudete mať nad jeho funkciami veľkú kontrolu).

Vytvorte web s nezávislým pracovníkom (individuálne riešenie)

Ak chcete mať väčšiu kontrolu nad vzhľadom a funkčnosťou svojich stránok, je najlepšie si najať jedného alebo viacerých nezávislých pracovníkov, ktorí vám s tým pomôžu. Táto možnosť je skvelá na získanie toho, čo chcete, za dobrú cenu, ale vyžaduje to, aby ste urobili niečo viac zo seba. Najmite si nezávislých dizajnérov na hybridné riešenie.

Ak chcete mať individuálny vzhľad, ale nechcete investovať do úplne individuálneho rozvoja, máte šťastie! Je možné začať s vopred vyrobenou šablónou a prispôsobiť ju vlastnou šablónou.

Téma WordPress od vyncadq pre Nick Eilerman Films

Jednou z najobľúbenejších možností je vytvorenie webu na WordPress. Aj keď to bola spočiatku iba blogovacia platforma, WordPress je dnes najznámejším CMS v celej sieti (okolo 30% všetkých stránok beží na WordPress). Všetko sa dá prispôsobiť a bude to rásť s vašou spoločnosťou. Existujú tisíce a tisíce šablón, ale môžete si navrhnúť aj svoje vlastné, čo z nich robí ideálne hybridné riešenie.

Môžete si najať dizajnéra na vytváranie tém pre WordPress, ktorý vám umožní vytvoriť krásny a jedinečný web vhodný pre vašu značku a použiť WordPress pre backendovú databázu.

To je možné aj na rôznych iných stránkach so šablónami (napríklad môžete vytvoriť jednotlivé šablóny pre Shopify alebo Squarespace alebo upraviť existujúce). Takže ak dávate prednosť použitiu jednej z týchto platforiem, je to tiež možné. Pamätajte však, že v každom prípade musí byť dizajn stále preložený do programovacieho jazyka, preto sa opýtajte svojho návrhára, či to môže urobiť. Inak si musíte najať vývojára.

výhody:

  • Poskytuje rozšírené funkcie (ktoré platformy ako WordPress alebo Shopify už majú zabudované) za nižšiu cenu
  • Dostanete vlastný dizajn, takže vaša stránka je krásna a hodí sa k vašej značke

nevýhoda:

  • Možno budete musieť najať dizajnéra aj vývojára

Vytvorte web s agentúrou (kompletné riešenie)

Agentúry pre dizajn a vývoj webových stránok sú odborníkmi na to, čo robia. Nielenže vám môžu pomôcť urobiť správne rozhodnutia, ale môžu vás tiež sprevádzať na ceste od drôtového modelu k úplne vyvinutej stránke. Toto všetko má samozrejme svoju cenu. Je to skvelá voľba pre spoločnosti so zložitými potrebami alebo pre spoločnosti, v ktorých sú náklady menej dôležité.

výhody:

  • Zanecháva bolesť hlavy; pracujete s odborníkmi, ktorí vás sprevádzajú celým procesom

nevýhoda:

  • Bude to pravdepodobne veľmi drahé

Čo potrebujete vedieť predtým, ako začnete
-

Skôr než bude váš web vôbec pripravený na vytvorenie konkrétneho vzhľadu, však existuje niekoľko dôležitých úvah, ktoré vám - bez ohľadu na to, ktorú cestu si vyberiete - pomôžu pri rozhodovaní a uľahčia proces. Môžete si teda vychutnať skutočný dizajn webových stránok naplno.

Zistite, kto je kto vo svete webdizajnu a vývoja

Keď navrhujete logo svojej značky, je celkom ľahké najať si na to jedinú osobu a dať vám skvelé logo. Pri vytváraní webových stránok to tak nemusí byť. Hoci existujú ľudia a agentúry, ktoré ponúkajú kompletné riešenie, tým pravdepodobnejšie budete pracovať s viac ako jednou osobou. Tu je niekoľko ľudí, ktorých môžete na svojej ceste stretnúť:

webový dizajnér sú dizajnéri. Vezmú vaše nápady a urobia z nich pekné (alebo drsné) makety, ktoré ukazujú, ako bude vyzerať váš budúci web. Spravidla sa to deje v programe Adobe Photoshop alebo v podobnom programe.

Návrhár UX (používateľská skúsenosť) alebo UI (užívateľské rozhranie) zamerajte sa na to, ako vaše rozloženie ovplyvňuje vašich používateľov. Pomôžu vám napríklad rozhodnúť sa, ktoré tlačidlá by mali byť kde, aby na ne kliklo viac ľudí, alebo ako usporiadať navigáciu tak, aby tok vašich stránok bol čo najplynulejší. (Medzi UX a UI je rozdiel. Tento článok to dosť dobre vysvetľuje.) Medzi dizajnérmi UX/UI a webovými dizajnérmi sa často prekrývajú. Ak chcete ušetriť peniaze, nemal by byť problém zamestnať freelancera, ktorý dokáže oboje.

web Developer - niekedy označovaní ako programátori alebo programátori - sú kúzelní ľudia, ktorí hovoria počítačovým jazykom. Zoberú peknú (alebo hrubú) maketu návrhára a preložia ho do programovacieho jazyka, aby ho bolo možné zobraziť na webe. Aby toho nebolo málo, existuje veľa rôznych programovacích jazykov a väčšina vývojárov sa špecializuje na jeden alebo niekoľko z nich.

Frontend-ový vývojár špecializujeme sa na veci, ktoré vidíme pri prezeraní webových stránok (napr. obrázky, text, animácie, rozbaľovacie ponuky, rozloženie stránky atď.)

Backendový vývojár Špecializujte sa však na to, čo sa deje v zákulisí a je to nevyhnutné, ak váš web potrebuje komunikovať s databázou. (Ak máte nákupný košík, používateľské profily alebo chcete sami nahrať obsah, budete potrebovať databázu.)

SEO špecialista, obsahový stratég a autori alebo autor obsahu sú tiež odborníci, ktorých môžete potrebovať pre svoj web. Môžu vám pomôcť zistiť, čo chcete na svojej stránke nájsť, aby to tí správni ľudia našli (pomocou vyhľadávacích nástrojov) a rozhodli sa niečo kúpiť, keď sú okolo.

Kúpte si názov domény a hosťujte

Prvá vec, ktorú musíte urobiť pri vytváraní webových stránok, rovnako ako pri skutočnom podnikaní, je prenájom miesta.

S webhostingom si prenajímate server v dátovom centre, ako je toto v Nevade. Cez switch.com.

web hosting je fyzické umiestnenie, kde sa budú nachádzať všetky časti vášho webu. Všetky obrázky, text a databázy skutočne vyžadujú na ich hosťovanie fyzický server. Aj keď si môžete kúpiť svoj vlastný a umiestniť ho do svojej kancelárie/domu/garáže, veľká väčšina ľudí a firiem si prenajíma serverový priestor prostredníctvom spoločnosti. Za hosťovanie sa zvyčajne platí mesačne. Väčšina spoločností za to platí od 5 do 25 EUR mesačne. Náklady môžu byť oveľa vyššie, ak máte veľa údajov. Tu je zoznam odporúčaných spoločností poskytujúcich webhosting, ale pred nákupom by ste sa mali poradiť so svojím webovým vývojárom (pretože môžu uprednostniť poskytovateľa).

Váš Doménové meno je to, čo ľudia zadajú do svojho prehliadača, aby sa dostali na vašu stránku (napr. 99designs.de). Spravidla je to názov vašej spoločnosti. Ak chcete získať názov domény, musíte si ho zaregistrovať u poskytovateľa. Za nákup a uchovanie mena zaplatíte malý poplatok (zvyčajne menej ako 10 EUR/rok). Väčšina poskytovateľov hostingu ponúka aj názvy domén, takže sú pre vás spravidla najlepšie, pretože ich nastavenie je najjednoduchšie.

A nakoniec budete Nasmerujte názov svojej domény na svoje servery musím. To znamená, že v zásade hovoríte internetu, aby skontroloval tento server, keď niekto vstúpi do vašej domény v prehliadači, aby našiel správne obrázky a text na zobrazenie. Aj keď tento proces nie je prehnane zložitý, môže byť mätúci. Tento krok môžete vyskúšať sami (môže vám pomôcť zákaznícka služba vášho hostiteľa webu), ale môže vám s ňou pomôcť aj váš webový vývojár.

Popremýšľajte o štruktúre a zhromaždite obsah pre svoj web

Váš webový dizajnér alebo vývojár za vás nenapíše stránku „O nás“ na vašom webe ani nefotografuje vaše produkty pre váš obchod. Musíte poskytnúť všetok obsah a základnú štruktúru vášho webu.

Gil Fadilana

Pre štruktúru si musíte premyslieť, ktoré stránky potrebujete. Medzi bežné patria:

  • Domovská stránka
  • „O nás“ a/alebo kontaktná stránka
  • Blog
  • Adresár produktov
  • Jednotlivé stránky produktu
  • Podmienky služby
  • galéria
  • Cieľové stránky/marketingové stránky pre reklamu

Každá z týchto stránok vyžaduje rozloženie a dizajn a každá bude vyžadovať obsah.

V tomto okamihu nemusíte mať hotový obsah, ale musíte mať predstavu o tom, aký obsah na svojej stránke chcete, a plán, ako ho získať. Potrebujete mať čas na písanie textov (alebo niekoho na to najať)? Mali by ste si na fotografovanie produktov najať fotografa? Pre stránku budete musieť poskytnúť akékoľvek svoje vlastné obrázky (napríklad svoje logo alebo fotografie svojho tímu), ale webový dizajnér vám pravdepodobne pomôže nájsť fotografie z fotobanky, ak chcete.

Čo sú to stock fotografie (a ako ich správne používate?) ->

Profesionálny tip: Váš dizajnér (najmä ak má skúsenosti s UX/UI) môže mať skvelé nápady na obsah a štruktúru, na ktoré ste doteraz nemysleli. Asi stojí za to sa s ním o tom porozprávať skoro.

Zistite, ktoré funkcie potrebujete

Čo by sa malo stať, keď niekto navštívi váš web? Chcete, aby dostávali informácie o vašom produkte alebo službe, ako napríklad telefónne číslo alebo otváracia doba? Potrebujete vedieť niečo kúpiť? Je vaším hlavným cieľom čítať články v blogu alebo sa niečo naučiť? Chystáte sa vyplniť formulár cenovej ponuky? Mali by byť schopní vytvárať užívateľské profily a nahrávať svoje vlastné informácie?

Ktoré funkcie budete potrebovať, budú určovať, ako sa dá váš web vyvíjať a s kým musíte pracovať. Budú mať tiež obrovský vplyv na váš rozpočet, preto si ich musíte vopred ujasniť, aby ste dostali presné cenové ponuky.

Pochopte, čo je CMS, a rozhodnite sa, či ho potrebujete

CMS (Content Management System) je databáza a webová aplikácia. V zásade umožňuje používateľom (ako ste vy a vaši spolupracovníci/zamestnanci) nahrávať obsah do rôznych častí vašej stránky. Ak pravidelne chcete na svojom webe upravovať text alebo meniť fotografie a neviete, ako programovať, budete potrebovať CMS.

Existuje veľa možností CMS, vrátane fantastických predkonfigurovaných možností pre bežné veci (napr. WordPress pre blogovanie, Shopify pre web elektronického obchodu, Six pre vytváranie profilov). Ak však potrebujete viac funkcií (napríklad ak si myslíte, že budujete ďalší Facebook, Uber alebo 99dizajn), budete musieť mať vyvinutý CMS na mieru.

Ako vytvoriť vlastnú webovú stránku v 7 krokoch
-

1. Zistite, čo potrebujete, a najmite si dizajnéra

Už ste sa rozhodli pre názov domény? Viete, ktoré funkcie potrebujete? Máte zoznam stránok, ktoré je potrebné navrhnúť? Máte plán, kde môžete získať všetok obsah na vyplnenie svojej stránky?

Skvelé! Potom je čas najať si dizajnéra. Ak chcete nájsť ten pravý, musíte sa pozrieť do portfólií. Zamyslite sa nad osobnosťou svojej značky a rozhodnite sa, či sa návrhár hodí k danému štýlu. (Napríklad, chcete niečo luxusné a moderné, alebo niečo zábavné a hravé?) Spravidla je dobré vyhľadať dizajnérov, ktorí majú skúsenosti s vašim odvetvím alebo konkrétnym typom stránky, ktorú hľadáte. Ak ste fotograf, hľadajte pri predaji tovaru dizajnérov, ktorí majú v portfóliách galérie, hľadajte niekoho, kto má skúsenosti s inými podnikmi elektronického obchodu.

Tu je niekoľko našich obľúbených webových návrhárov: