jak se naučit Web Design rychle v roce 2021 (5-Step Process)

učení web design v roce 2021 je jednodušší a rychlejší než kdy jindy.

to neznamená, že to nebude trvat hodně práce. Znamená to jen, že je to mnohem jednodušší,než to bývalo.

každý druhý web design blog vám řekne dělat věci, jako je naučit kódování, programování, vývoj webových aplikací a správu serverů. Že je třeba vzít web design kurz s cílem naučit web design správně.

nebo vám řeknou, že je příliš pozdě na to, abyste se stali webdesignérem, a místo toho bychom se měli připravit na poklonu našim vládcům robotů s AI.

nebudu vám říkat žádný z těchto nesmyslů. (i když porota je stále na těch robot vládců…)

místo toho budu sdílet jednoduchý 5-krokový proces s vámi. Tento proces vás připraví na to, abyste se stali webdesignérem nebo dokonce založili svůj vlastní web design podnikání v žádném okamžiku.

to znamená, že pokud skutečně sledujete proces na T.

1) Vyberte nástroj pro návrh webu

pravdou je, že překážka vstupu pro webové designéry nebyla nikdy jednodušší. Proces webového designu byl dramaticky zjednodušen se vzestupem nástrojů pro tvorbu webových stránek drag-and-drop.

v tomto okamžiku máte k dispozici doslova desítky nástrojů pro tvorbu webových stránek. Pro účely jednoduchosti omezíme naše možnosti na 8 nejčastěji používaných nástrojů pro tvorbu webových stránek.

mějte na paměti, že téměř všichni tito tvůrci webových stránek mají bezplatnou zkušební verzi. Vyzkoušejte je všechny a zjistěte, který z nich má pro vás největší smysl.

zde nejsou žádné špatné volby. Jde jen o osobní preference.

zařadil jsem je v žádném konkrétním pořadí, ale podělím se o svůj osobní názor na každého z nich, když jsme se tu chugovali. Pojďme kopat!

Weebly

mám slabost pro Weeblyho. Jsou to velký důvod, proč mám dnes úspěšný web design podnikání.

byl jsem přesně tam, kde jste teď, když jsem poprvé začal na své cestě webdesignu. Nevěděl jsem nic o vývoji webu, kódování, programování, servery a všechny ty věci.

ani jsem nevěděl nic o základech webdesignu. Věci jako uživatelská zkušenost, optimalizace výkonu, grafický design a jasné výzvy k akci mi byly cizí.

ale věděl jsem, že majitelé malých podniků se zoufale snaží získat webové stránky rychle a za rozumnou cenu.

Weebly mi dal nástroje, které jsem potřeboval naučit základy webdesignu bez obav o všechny technické věci. Použil jsem Weebly, abych začal od nuly, propracoval jsem se až k desítkám klientů postavených a hostovaných na jejich platformě.

nakonec, jak se mé znalosti, zkušenosti a dovednosti zlepšily, jsem přerostl Weebly a přešel na WordPress + Elementor .

ale pokud jste kompletní newb jako já, Weebly je skvělé místo, kde začít svůj web design cestu. Jejich uživatelské rozhraní je zdaleka nejjednodušší a nejjednodušší k použití.

Wix

Wix je snadno v top 3 nejoblíbenější webové stránky stavitelé. Před pár lety šli na komerční slzu, ale od té doby jsou spíše tiché. (pravděpodobně proto, že byli spokojeni s desítkami milionů webů, které hostují)

pokud jde o jejich produkt, z omezených zkušeností, které s ním mám, to funguje dobře.

mým hlavním problémem s Wixem jsou jejich zjevné problémy s výkonem. Mnoho webových stránek, které jsem viděl postavené s tím, se nezdá, že by se načítaly velmi rychle.

to samozřejmě nemusí být problém se samotným Wixem, ale spíše s lidmi, kteří jej postavili. Neobviňujte nástroj, obviňujte muže, který ho ovládá, jak se říká.

dalším velkým problémem je skutečnost, že se zdá, že nemůžete změnit témata, jakmile začnete stavět web. Pokud se rozhodnete změnit téma, resetuje vše a nutí vás znovu sestavit od nuly. To je pro mě problém.

Squarespace

určitě už o těchto klucích víte všechno. Jsou všude.

podcasty, YouTubers, blogy, billboardy, TV, rádio, ve sprše … ať jste kdekoli, Squarespace vás najde.

osobně považuji Squarespace za velmi omezenou a nudnou estetiku se svými šablonami webových stránek. Vlastně mě to přivádí k šílenství.

prodávají se jako be-all, end-all tvůrců webových stránek pro všechny typy, ale většina příkladů na jejich webových stránkách nikdy bloudí daleko od hipster-fashionista-Instagram-influencer vibrace.

ale mají Idris Elba v jejich rohu, takže … jsem prodán.

Shopify

pokud děláte e-commerce, Shopify jsou kluci pro vás.

zvládli umění prodávat věci všude. A nejen vaše webové stránky buď. Shopify pomůže vašim klientům prodávat své produkty na svých webových stránkách, blogu, sociálních médiích, chatovacích botech, maloobchodních prodejnách a dalších.

Shopify se snadno integruje s nesčetnými aplikacemi a platformami, takže věci jako doprava, zpracování plateb a plnění objednávek jsou hračkou.

dalo by se dokonce tvrdit, že propagovali celý obchod s drop-shipping. (díky za drop-shipping bros v mých reklamách YouTube, SHOPIFY)

mají také robustní partnerskou platformu s více kanály pro webové designéry, z nichž mohou budovat své podnikání.

pokud bude vaší hlavní klientelou e-commerce podnikání, Nemůžete Shopify jednoduše ignorovat.

WordPress

WordPress je králem webových stránek. Tolik, že více než 30% všech webových stránek je spuštěno na WordPress.

a z dobrého důvodu.

WordPress může být cokoli chcete. Jedná se o plně funkční CMS s nekonečnou řadou pluginů, které přizpůsobí váš web vašim přesným potřebám.

to samozřejmě přichází s určitou zvýšenou složitostí.

ale pokud zvládnete WordPress, vaše příležitosti pro úspěšné podnikání v oblasti webového designu se drasticky rozšíří.

můžete se dokonce naučit trochu vývoje webu. (vývoj webu se skládá hlavně z práce „backend“, věci, které často nevidíte vizuálně na „frontendu“ webu)

kromě toho existuje několik pluginů CMS, díky nimž je vytváření webových stránek pomocí WordPress snazší a zábavnější. Podívejme se na tyto možnosti.

WordPress + Elementor

Elementor byl měnič her pro designéry WordPress. A web design průmysl jako celek.

nikdy v životě jsem neviděl produkt, který dělá navrhování nádherné webové stránky tak snadné a tak páchnoucí zábavu. A za tak směšně přijatelnou cenu.

pokud to ještě není zřejmé, WordPress + Elementor je to, co používám k vytváření všech svých webových stránek v těchto dnech.

Miluji Elementora se vším, co je v mém bytí. A vývojáři to každý měsíc vylepšují novými vydáními a aktualizacemi.

mají bezplatnou verzi, takže nemáte žádnou omluvu, abyste si to sami nevyzkoušeli a viděli, o čem mluvím.

WordPress + Beaver Builder

nikdy předtím jsem Beaver Builder nepoužíval, ale slyšel jsem o tom dobré věci.

a to, co se mi obzvláště líbí, je, že je to malé. Beaver Builder se skládá z 3 kluci prostě dělají něco, co milují. S tím se silně ztotožňuji.

Dalo by se namítnout, že Beaver Builder je Og Elementor. Bylo to už dávno, a jeho základní principy jsou velmi podobné.

Elementor jednoduše postavil z bobra stavitele … a udělal něco lepšího.

student se stává mistrem…

WordPress + Divi

nyní, DIVI je tu o něco déle.

před Beaver Builder a Elementor, Divi popularizoval myšlenku integrace jednoduššího CMS na WordPress.

ale někdo by mohl namítnout, že Divi se v dnešní době stal trochu dinosaurem. Postupem času se pomalu nafoukla zbytečnými „funkcemi“ a integracemi.

velcí hráči však mají vždy svůj spravedlivý podíl na kritikách a nenávistech. Divi je stále jedním z nejpopulárnějších CMS na světě, takže jej neodepisujte příliš rychle.

2) spotřebujte veškerý obsah kolem tohoto nástroje

takže jste si vybrali svého tvůrce webových stránek. Nyní je čas se o tom naučit všechno a cokoli.

web design blogy, Web design YouTubers, web design podcasty, web design knihy, a mnohem více jsou k dispozici pro vaši spotřebu. Hodně z toho zdarma.

je čas zamknout se v suterénu vaší matky a dostat se k blbosti.

všimnete si, že jsem zde neuvedl žádné kurzy webového designu … 😉

weebly blogy a YouTubers

zde jsou některé zdroje, které vám pomohou začít s Weebly:

• Oficiální Weebly blog
• Oficiální Weebly YouTube kanál
• * kašel * RapidWebLaunch YouTube kanál * kašel *
• * kašel * RapidWebLaunch Weebly Návody * kašel*

Wix blogy a YouTubers

zde jsou některé zdroje, které vám pomohou začít s Wix:

• Oficiální Wix blog
• Oficiální Wix YouTube kanál
• Website Builder Expert Wix Tutorials
• Greg GottFried YouTube kanál
• High on Design YouTube kanál
• Wix Training Academy
• Wix Training Academy YouTube kanál

Squarespace blogy a Youtubers

zde je několik zdrojů, které vám pomohou začít s Squarespace:Shopify blog

Oficiální Squarespace blog

Oficiální Squarespace YouTube kanál

Solopreneur Sidekick

Solopreneur Sidekick YouTube kanál

odvážně jemný YouTube kanál

Shopify blogy a YouTubers

zde jsou některé zdroje, které vám pomohou začít s Shopify:

• Oficiální Shopify shopify
• Oficiální Shopify YouTube kanál
• (existuje mnoho, mnoho Shopify bloggerů a youtuberů. Problém je, že většina z nich je zcela soustředěna kolem dropshipping nebo t-shirt tisk, ne Shopify web design. Pokud víte o něčem, co byste doporučili, dejte mi vědět a já to přidám sem!)

WordPress blogy a YouTubers

zde jsou některé zdroje, které vám pomohou začít s WordPress:

• WPBeginner blog
• WP Apprentice
• agentura Mavericks
• WP 101
• WP Crafter

WordPress + Elementor blogy a YouTubers

zde jsou některé zdroje, které vám pomohou začít s Elementor:

• Oficiální Elementor blog
• Oficiální Elementor YouTube kanál
• WP Crafter Elementor Návody
• WP Tuts Elementor Návody
• Ferdy Korpershoek YouTube kanál

WordPress + Beaver Builder blogy a YouTubers

zde jsou některé zdroje, které vám pomohou začít s Beaver Builder:

• Oficiální Beaver Builder blog
• Oficiální Beaver Builder YouTube kanál
• WP Crafter Beaver Builder Návody
• Press Avenue Beaver Builder Návody
• WPBeaver addons blog

WordPress + Divi blogy a YouTubers

zde jsou některé zdroje, které vám pomohou začít s Divi (podle elegantních témat):

• Oficiální Elegantní Témata blog
• Oficiální Elegantní Témata YouTube kanál
• WP Gears
• Maktv Divi Návody
• Josh Hall Divi Návody
• DiviSoup

3) Vyberte si výklenek pro webový design

web design průmysl je ultra-konkurenční. Bude pro tebe velmi těžké vystoupit ze smečky a vyřezat si vlastní kousek koláče.

jednou z nejzkušenějších marketingových strategií je identifikovat výklenek webového designu s nízkou konkurencí a pak se stát odborníkem na uvedené výklenky.

nestačí jednoduše říct lidem, že vytváříte krásné webové stránky. Miliony webových designérů dělají přesně to samé.

je čas, aby se tyto kreativní šťávy tekoucí!

pokud jde o výklenky webového designu, existují v zásadě dvě kategorie:

1. znakové výklenky
2. průmyslové výklenky

stále zmatené? Zde je několik nápadů pro vás:

charakter web design výklenky

• rychlý
• Cenově dostupný
• Premium
• lehký
• mobilní
• citlivý
• jednoduchý
• komplexní
• minimalistický
• animovaný
• 3D
• VR

průmysl web design výklenky

• Restaurace
• zubní lékaři
• optometristé
• tělocvičny
• krajinářství
• Instalatéři
• pokrývači
• surfaři
• blogeři
• sociální média influenceři
• startupy
• školy
• účetní
• čističe
• a dál a dál…

a odtud můžete výklenek dolů ještě dále.

proč se například zastavit při vytváření webových stránek pro blogery? Proč ne stavět webové stránky pro osobní finance bloggerů?

vytváříte webové stránky pro restaurace? Nebo stavíte webové stránky pro čínské restaurace?

webové stránky pro ovlivňovatele sociálních médií? Nebo webové stránky pro Ovlivňovatele Instagram?

Nicheing down vám pomůže zacílit na ultra specifické publikum a zařadit se výše pro méně konkurenční klíčová slova.

nezapomeňte, že to neznamená, že budete muset vytvářet webové stránky pouze pro tento jeden typ klienta po zbytek svého života. Nicheing down je jen skvělý způsob, jak dostat nohu do dveří a vybudovat pevný základ, ze kterého se v budoucnu odrazový můstek do dalšího výklenku.

a můžete také kombinovat svůj výklenek. Kombinace znakových výklenků s průmyslovými výklenky a vytvoření hyper-cílené výzvy k akci je skvělá zábava!

některé příklady:

• jednoduchý, lehký webový design pro mexické restaurace.
• výkonný, minimalistický webový design pro technologické startupy.
• webdesign zaměřený na mobilní zařízení pro studia jógy.

možnosti jsou nekonečné!

4) praxe, praxe, praxe

vybrali jste si svého oblíbeného tvůrce webových stránek, spotřebovali veškerý obsah, který jste o tomto tvůrci našli, a vybrali si konkrétní výklenek pro vaše podnikání v oblasti webdesignu.

nyní je čas začít pracovat.

když se někdo rozhodne, že se chce naučit hrát na kytaru, neočekává, že se přes noc stane Jimi Hendrixem.

tak proč je tolik rádoby webových designérů tak netrpělivých?

učení web design je přesně stejný jako učení něco jiného. Vyžaduje to čas, trpělivost, odhodlání a důslednou praxi.

naštěstí to nemusí trvat téměř 10 000 hodin nebo stovky dolarů v kurzech webdesignu, aby se naučil webdesignu. Díky mnoha nástrojům a zdrojům, na které jsme se dříve podívali.

jedním z nejjednodušších způsobů, jak se dostat do nějaké dobré praxe, a možná dokonce vydělat pár babek, je použít Mapy Google k nalezení klientů webových stránek.

1. získejte Mapy Google a vytáhněte své okolí. Pak najděte všechny restaurace, zubní ordinace, maloobchodní prodejny, nehtové salony, a holičství a podívejte se na jejich profily.
2. v něm najdete odkaz na jejich webové stránky. (Nebo nenajdete odkaz vůbec, což je ještě lepší. To znamená, že nemají ani webové stránky!)
3. pokud jsou jejich stránky odpadky, vytáhněte z nich co nejvíce obsahu a poté je znovu vytvořte. Ne, nedělám si srandu.
4. poté, až budete hotovi, pošlete jim e-mail s odkazem na jejich zbrusu nové webové stránky a požádejte o jejich zpětnou vazbu.
5. pokud to milují, prodejte jim to.

pomocí této metody budete moci získat spoustu cenných zkušeností s vytvářením webových stránek pro váš konkrétní výklenek.

nakonec zefektivníte svůj proces do bodu, kdy budete moci vytvořit celý nový web během několika hodin.

5) prodávejte se jako odborník na tento nástroj / výklenek

tohle je ta část, kterou většina z vás bude nenávidět nejvíc. Já vím, že ano.

prodej.

jedna věc je mít dovednosti a odborné znalosti webového designu, ale schopnost přesvědčit ostatní, že je máte, je úplně jiná výzva.

znám tolik kvalifikovaných a zkušených webových designérů, kteří se snaží najít práci.

obvykle je to proto, že nestrávili dost času tvorbou příběhu své značky…

řekněte svůj příběh

Přemýšlejte o tom. Existují miliony webových designérů pro své zákazníky z čeho vybírat. Proč by si měli vybrat vás?

proč by měli pracovat s vámi? Co přinesete ke stolu? Kdo jste?

možná si myslíte, že jste nudní. Že nemáte zajímavý příběh. Nejsi. A ty Ano.

vyprávění přesvědčivého příběhu a jeho integrace do vaší značky je jedním z nejdůležitějších způsobů, jak se odlišit od konkurence.

Dejte své značce nějakou skutečnou myšlenku. Jaký příběh chcete vyprávět?

zde je několik knih, které vám pomohou začít s příběhem vaší značky:

• Marketing Spark Mark Evans
• příběh řízený Bernadette Jiwa
• ukrást jako umělec Austin Kleon

vybudovat toto portfolio

nejtěžší část o zahájení web design podnikání je získání těch prvních pár klientů. Jak se ukazuje, lidé se spíše obávají najímání webových designérů, kteří mají nulový důkaz svých dovedností a schopností. Jdi na to.

získání klientů webového designu, když nemáte portfolio, bude vaší největší výzvou. Dobrou zprávou je, že odtamtud to bude snazší.

pravdou je, že budete pravděpodobně muset udělat nějakou práci zdarma nebo se strmou slevou. To bere veškeré riziko z pronájmu zbrusu nový web designer.

tím, že nabízí své služby web design zdarma, můžete dosáhnout 6 věci:

1. vyčníváte z davu (protože nikdo nenabízí bezplatný webdesign, zaručuji to)
2. zmírňujete všechny obavy a obavy svého klienta ohledně pronájmu nezkušeného webdesignéra
3. stavíte úžasné webové stránky, které nyní můžete přidat do svého portfolia, kreslení v novém budoucím podnikání
4. získáte nový vztah k přidání do vaší sítě pro potenciální budoucí doporučení
5. získáte 5hvězdičkovou recenzi, kterou chcete přidat do svého portfolia váš profil Google Places
6. pokud nedostanete 5hvězdičkovou recenzi, získáte cennou zpětnou vazbu o tom, proč ne a zlepšit pro příště

věřte mi, že v tom všem je hodně hodnoty.

takže se nebalk příliš rychle na myšlenku pracovat zdarma s cílem vybudovat toto portfolio.

nakonec podnikněte kroky

Gratulujeme! Dostali jste se až na konec postu. (což je upřímně hodně vzhledem k tomu, jak málo lidí čte v těchto dnech)

Chcete-li shrnout, zde je váš 5-krokový plán, jak se rychle naučit web design:

1. Vyberte si tvůrce webových stránek
2. spotřebujte veškerý obsah o tomto tvůrci webových stránek
3. Vyberte si výklenek pro webový design
4. praxe, praxe, praxe
5. Prodejte se jako odborník ve svém výklenku / staviteli

je to super jednoduchý plán. Zbytek to prostě vyžaduje tvrdou práci a odhodlání. Nic se nestane, pokud strávíte každý večer sledováním 5 hodin Netflixu a osvěžením kanálu Instagram.

nechci slyšet žádné výmluvy, K?

končím s mluvením. Dejme se do práce!

FAQ je

Často kladené otázky dostávám o učení webdesignu.

jak se mohu stát webdesignérem?

postupujte podle tohoto 5-krokového plánu:

1. Vyberte si svůj oblíbený tvůrce webových stránek.
2. spotřebujte všechny blogy a kanály YouTube, které najdete o tomto nástroji pro tvorbu webových stránek.
3. Vyberte si výklenek pro váš web design podnikání.
4. praxe, praxe, praxe.
5. prodávejte se jako odborník ve svém výklenku / staviteli webových stránek.

jak dlouho trvá, než se naučíte webdesign?

to vše závisí na vás a na tom, jak jste odhodláni se to naučit. Pokud se naučíte web design jako vedlejší ruch, jako já, bude to pravděpodobně trvat asi rok, než začnete získávat své první klienty. Ale vždy to můžete udělat rychleji, pokud jste vytrvalí, nebo pomaleji, pokud jste líní!

jaký je průměrný plat webdesignéra?

jak 2019, průměrný plat webdesignéra v Kanadě je asi $ 45,000. Ale to se liší po celém světě, a ještě více, pokud máte vlastní web design podnikání na volné noze. PRO TIP: Jste lepší na volné noze a začít svůj vlastní web design podnikání.

jak se mohu naučit web design zdarma?

všechny potřebné informace jsou snadno dostupné zdarma. Nemusíte kupovat drahé kurzy webového designu. Google a YouTube jsou vaše BFF. Proveďte výzkum, praxe, pak se pusťte do práce na 5-krokovém plánu, o kterém jsme právě mluvili!

je web design dobrou volbou pro digitální nomádský životní styl?

absolutně. Natolik, že jsem napsal celý příspěvek o tom, proč je web design ideální volbou pro digitální nomády.

musím se naučit vývoj webu, abych se naučil webdesign? Jaký je v tom rozdíl?

Web design je věci, které můžete vidět, vizuální obsah webové stránky. Vývoj webu je věc, kterou nevidíte, práce, která se odehrává v zákulisí. Vývoj webových aplikací zahrnuje věci jako kódování, programování, API, integrace atd.