hogyan lehet gyorsan megtanulni a webdesignot 2021-ben (az 5 lépéses folyamat)

a webdesign tanulása 2021-ben egyszerűbb és gyorsabb, mint valaha.

ez nem azt jelenti, hogy nem fog sok munkát igénybe venni. Ez csak azt jelenti, hogy sokkal egyszerűbb, mint régen.

minden más web design blog megmondja, hogy a dolgok, mint tanulni kódolás, programozás, webfejlesztés és szerver menedzsment. Hogy meg kell, hogy egy web design természetesen annak érdekében, hogy megtanulják web design megfelelően.

vagy azt fogják mondani, hogy túl késő ahhoz, hogy webdesignerré válj, és ehelyett fel kell készülnünk arra, hogy meghajoljunk az AI-alapú robot uraink előtt.

nem fogom elmondani neked ezt a hülyeséget. (bár a zsűri még mindig ki azokat a robot urak…)

ehelyett fogok megosztani egy egyszerű 5 lépéses folyamat veletek. Ez a folyamat felkészül arra, hogy webdesignerré váljon, vagy akár saját webdesign-vállalkozást indítson el egyáltalán.

azaz, ha valóban követi a folyamatot a T.

1) Válasszon egy web design eszköz

az igazság az, hogy a webes tervezők belépési akadálya még soha nem volt ilyen egyszerű. A webdesign folyamatát drámai módon egyszerűsítették a drag-and-drop weboldal-készítők növekedésével.

ezen a ponton szó szerint tucatnyi weboldal-készítő áll az Ön rendelkezésére. Az egyszerűség kedvéért a 8 leggyakrabban használt weboldal-készítőre korlátozzuk lehetőségeinket.

ne feledje, hogy ezeknek a weboldal-készítőknek szinte mindegyike rendelkezik ingyenes próbaverzióval. Tehát próbáld ki őket, és találd ki, melyik a legértelmesebb az Ön számára.

itt nincs rossz választás. Csak jön le, hogy a személyes preferencia.

már rangsorolt ezek nem fontossági sorrendben, de én is megosztom a személyes véleményem mindegyik, mint mi chug mentén itt. Ássunk bele!

Weebly

van egy puha pont a szívemben Weebly iránt. Ők egy nagy oka annak, hogy most van egy sikeres web design üzlet ma.

Pont Ott voltam, ahol most vagy, amikor először kezdtem el a webdesign utazásomat. Semmit sem tudtam a webfejlesztésről, a kódolásról, a programozásról, a szerverekről, meg minden ilyesmiről.

nem is tudtam semmit a webdesign alapjairól. Az olyan dolgok, mint a felhasználói élmény, a teljesítmény optimalizálása, a grafikai tervezés és a tiszta cselekvésre ösztönzés idegen volt számomra.

de tudtam, hogy a kisvállalkozások tulajdonosai kétségbeesetten szereznek egy weboldalt gyorsan és olcsón.

a Weebly megadta nekem azokat az eszközöket, amelyekre szükségem volt a webdesign alapjainak megtanulásához anélkül, hogy aggódnék az összes technikai dolog miatt. A Weebly-t arra használtam, hogy nulláról induljak, több tucat ügyfélig dolgoztam, akiket a platformjukon építettek és tároltak.

végül, ahogy a tudásom, tapasztalatom és készségeim javultak, kinőttem a Weebly-t és átálltam a WordPress + Elementorra.

de ha egy teljes newb, mint én, Weebly egy remek hely, hogy indítsa el a web design utazás. A felhasználói felületük messze a legegyszerűbb és legkönnyebben használható.

Wix

a Wix könnyen a top 3 legnépszerűbb weboldal-készítő között van. Pár évvel ezelőtt kereskedelmi könnybe mentek, de azóta meglehetősen hallgattak. (valószínűleg azért, mert elégedettek voltak az általuk üzemeltetett több tízmillió oldallal)

terméküket illetően, a vele kapcsolatos korlátozott tapasztalataim alapján, nagyon jól működik.

a Wix-szel kapcsolatos fő problémám a látszólagos teljesítményproblémák. Sok olyan webhely, amelyet láttam vele építeni, úgy tűnik, hogy nem töltődik be nagyon gyorsan.

természetesen ez nem magával a Wix-szel kapcsolatos probléma, hanem az emberek, akik építették. Ne hibáztasd az eszközt, hibáztasd az embert, ahogy mondják.

egy másik nagy aggodalomra ad okot az a tény, hogy úgy tűnik, hogy nem változtathatja meg a témákat, miután elkezdte építeni a webhelyet. Ha úgy dönt, hogy megváltoztatja a témát, akkor mindent visszaállít, arra kényszerítve, hogy újjáépítse a semmiből. Ez nekem probléma.

tér

bizonyára már mindent tudsz ezekről a srácokról. Mindenhol ott vannak.

podcastok, youtuberek, blogok, hirdetőtáblák, TV, rádió, a zuhany alatt… bárhol is van, a Squarespace megtalálja Önt.

személy szerint a Squarespace-nek nagyon korlátozott és unalmas esztétikája van a weboldal sablonjaival. Az őrületbe kerget.

minden típusú weboldal-készítőként forgalmazzák magukat, de a weboldalukon található példák többsége soha nem tér el messze a hipster-fashionista-Instagram-influencer hangulattól.

de Idris Elba a sarokban van, szóval… eladtam.

Shopify

ha e-kereskedelmet folytat, a Shopify a srácok az Ön számára.

mindenhol elsajátították a dolgok eladásának művészetét. És nem csak a weboldalad. A Shopify segít ügyfeleinek eladni termékeiket weboldalukon, blogjukon, közösségi médiájukon, csevegőrobotokon, kiskereskedelmi üzletekben stb.

a Shopify könnyen integrálható számtalan alkalmazással és platformmal, így a szállítás, a fizetés feldolgozása és a megrendelések teljesítése egyszerű.

még azt is állíthatja, hogy úttörő szerepet játszottak az egész drop-shipping üzletben. (köszönöm a csepp-szállítási bros Az én YouTube hirdetések, SHOPIFY)

ők is van egy robusztus partner platform több csatorna webes tervezők építeni az üzleti le.

ha a fő ügyfélkör e-kereskedelmi vállalkozások lesznek, akkor egyszerűen nem hagyhatja figyelmen kívül a Shopify-t.

WordPress

a WordPress a weboldalak királya. Olyannyira, hogy az összes webhely több mint 30% – a WordPress-en fut.

és jó okkal.

a WordPress bármi lehet, amit akarsz. Ez egy teljesen működőképes CMS egy végtelen tömb plugin szabni a honlapon, hogy a pontos igényeket.

ez természetesen némi megnövekedett összetettséggel jár.

de ha el tudja sajátítani a WordPress-t, akkor a sikeres webdesign-üzlet működtetésének lehetőségei drasztikusan bővülnek.

lehet, hogy még tanulni egy kicsit a webfejlesztés az út mentén. (a webfejlesztés főleg “backend” munkákból áll, olyan dolgokból, amelyeket gyakran nem lát vizuálisan a weboldal “frontendjén”)

ezen kívül van egy maroknyi CMS plugin, amelyek megkönnyítik és szórakoztatóbbá teszik a weboldalak építését a WordPress segítségével. Vessünk egy pillantást ezekre a lehetőségekre.

WordPress + Elementor

az Elementor játékváltó volt a WordPress tervezők számára. És a web design ipar egésze.

soha életemben nem láttam olyan terméket, amely ilyen egyszerűvé és büdös szórakoztatóvá teszi a gyönyörű weboldalak tervezését. És ilyen nevetségesen megfizethető áron.

ha ez még nem nyilvánvaló, akkor a WordPress + Elementor az, amit manapság az összes webhelyem felépítéséhez használok.

szeretem az Elementort mindennel, ami a lényemben van. És a fejlesztők továbbra is jobbá teszik minden hónapban új kiadásokkal és frissítésekkel.

ingyenes verziójuk van, így nincs mentséged arra, hogy ne próbáld ki magad, és nézd meg, miről beszélek.

WordPress + Beaver Builder

még soha nem használtam a Beaver Builder-t, de jó dolgokat hallok róla.

és amit különösen szeretek benne, az az, hogy apró. Beaver Builder alkotja 3 srácok csak csinál valamit, amit szeretnek. Ezzel erősen azonosulok.

azzal érvelhetsz, hogy a Beaver Builder az OG Elementor. Régen volt, és az alapelvei nagyon hasonlóak.

az Elementor egyszerűen a Beaver Builderből épült… és valami jobbat csinált.

a tanuló mesterré válik…

WordPress + Divi

most, DIVI már körül egy kicsit.

a Beaver Builder és az Elementor előtt a Divi népszerűsítette az egyszerűbb CMS integrálásának ötletét a WordPress tetejére.

de egyesek azt állítják, hogy Divi vált egy kicsit dinoszaurusz ebben a korban. Az idő múlásával lassan felfúvódott a felesleges “funkciók” és integrációk.

azonban a nagy játékosok mindig a méltányos részesedését ellenzői és gyűlölők. A Divi továbbra is az egyik legnépszerűbb CMS a világon, ezért ne írja le túl gyorsan.

2) Használja az eszköz körüli összes tartalmat

tehát kiválasztotta a go-to weboldal készítőjét. Itt az ideje, hogy mindent és mindent megtudjunk róla.

webdesign blogok, webdesign youtuberek, webdesign podcastok, webdesign Könyvek és még sok más elérhető az Ön fogyasztásához. Nagy részét ingyen.

itt az ideje, hogy bezárkózz anyád pincéjébe, és menj a nerdinghez.

észre fogod venni, hogy én nem sorolja fel a web design tanfolyamok itt … 678 >

Weebly blogok és YouTubers

íme néhány forrás a kezdéshez Weebly:

  • hivatalos Weebly blog
  • hivatalos Weebly YouTube csatorna
  • * köhögés * RapidWebLaunch YouTube csatorna * köhögés *
  • * köhögés * RapidWebLaunch Weebly oktatóanyagok * köhögés*

Wix blogok és youtuberek

íme néhány forrás a Wix használatának megkezdéséhez:

  • hivatalos Wix blog
  • hivatalos Wix YouTube-csatorna
  • weboldal készítő szakértő Wix oktatóanyagok
  • Greg GottFried YouTube-csatorna
  • magas a Design YouTube-csatorna
  • Wix Training Academy
  • Wix Training Academy YouTube-csatorna

Squarespace blogok és youtuberek

íme néhány forrás a Squarespace használatának megkezdéséhez:

  • hivatalos Squarespace blog
  • hivatalos Squarespace YouTube csatorna
  • Solopreneur Sidekick
  • Solopreneur Sidekick YouTube csatorna
  • bátran finom YouTube csatorna

Shopify blogok és YouTubers

íme néhány forrás a Shopify használatának megkezdéséhez:

  • hivatalos Shopify Shopify blog
  • hivatalos Shopify YouTube csatorna
  • (sok-sok Shopify blogger és YouTuber van. A probléma az, hogy legtöbbjük teljesen A dropshipping vagy a póló nyomtatása köré összpontosul, nem pedig a Shopify webdesign. Ha tud valamit, amit ajánlana, tudassa velem, és hozzáadom ide!)

WordPress blogok és YouTubers

íme néhány forrás a WordPress használatának megkezdéséhez:

  • WPBeginner blog
  • WP Apprentice
  • ügynökség Mavericks
  • WP 101
  • WP Crafter

WordPress + Elementor blogok és YouTubers

íme néhány forrás az Elementor használatának megkezdéséhez:

  • hivatalos Elementor blog
  • hivatalos Elementor YouTube csatorna
  • WP Crafter Elementor oktatóanyagok
  • WP Tuts Elementor oktatóanyagok
  • Ferdy Korpershoek YouTube csatorna

WordPress + Beaver Builder youtubers

íme néhány forrás a Beaver Builder használatának megkezdéséhez:

  • hivatalos Beaver Builder blog
  • hivatalos Beaver Builder YouTube csatorna
  • WP Crafter Beaver Builder oktatóanyagok
  • Press Avenue Beaver Builder oktatóanyagok
  • WPBeaver Addons blog

WordPress + Divi blogok és YouTubers

íme néhány forrás a Divi használatához (Elegant Themes):

  • hivatalos elegáns témák blog
  • hivatalos elegáns témák YouTube csatorna
  • WP fogaskerekek
  • Maktv Divi oktatóanyagok
  • Josh Hall Divi oktatóanyagok
  • DiviSoup

3) válasszon egy web design rést

a web design ipar rendkívül versenyképes. Nagyon nehéz lesz kiemelkedned a falkából, és a saját szeletedet faragni a pitéből.

az egyik leginkább kipróbált és igaz marketingstratégia az, hogy azonosítsa az alacsony versenyű webdesign rést, majd tegye magát az említett rés szakértőjévé.

nem elég egyszerűen elmondani az embereknek, hogy gyönyörű weboldalakat készít. Webdesignerek milliói teszik ugyanezt.

itt az ideje, hogy ezek a kreatív gyümölcslevek folyjanak!

amikor a web design fülkékben, alapvetően két kategória:

  1. karakter fülkék
  2. ipari fülkék

még mindig zavaros? Íme néhány ötlet az Ön számára:

karakter web design fülkék

  • gyors
  • megfizethető
  • prémium
  • könnyű
  • mobil
  • érzékeny
  • egyszerű
  • komplex
  • minimalista
  • animált
  • 3D
  • VR

ipari Web Design fülkék

  • éttermek
  • fogorvosok
  • optometristák
  • edzőtermek
  • tereprendezők
  • vízvezeték-szerelők
  • tetőfedők
  • szörfösök
  • bloggerek
  • közösségi média Befolyásolók
  • startupok
  • iskolák
  • könyvelők
  • takarítók
  • és tovább és tovább…

és innen még lejjebb lehet jutni.

például miért állna meg a bloggerek webhelyeinek építésével? Miért ne építsen weboldalakat a személyes pénzügyi bloggerek számára?

építesz weboldalakat éttermek számára? Vagy építesz weboldalakat a kínai éttermek számára?

Weboldalak A közösségi média befolyásolóinak? Vagy weboldalak Instagram influencerek számára?

a Nicheing down segít az ultraspecifikus közönségek megcélzásában, és a kevésbé versenyképes kulcsszavak rangsorolásában.

ne feledje, hogy ez nem azt jelenti, hogy egész életében csak ennek az egy típusú ügyfélnek kell webhelyeket építenie. Nicheing le csak egy nagyszerű módja annak, hogy a lábát az ajtón, és épít egy szilárd alapot, ahonnan ugródeszka a következő rést a jövőben.

és keverheti és illesztheti a rést is. Kombinálása karakter fülkékben ipari fülkékben, hogy hozzon létre egy hiper-célzott cselekvésre ösztönzés nagyon szórakoztató!

néhány példa:

  • egyszerű, könnyű web design Mexikói éttermek.
  • erőteljes, minimalista webdesign a tech startupok számára.
  • mobil-központú web design jóga stúdiók.

a lehetőségek végtelenek!

4) gyakorlat, gyakorlat, gyakorlat

kiválasztotta kedvenc weboldal-készítőjét, elfogyasztotta az összes tartalmat, amelyet az adott építőről találhatott, és kiválasztott egy speciális rést a webdesign üzletéhez.

most, itt az ideje, hogy a munka.

amikor valaki úgy dönt, hogy meg akar tanulni gitározni, nem számít arra, hogy egyik napról a másikra Jimi Hendrix lesz.

akkor miért van az, hogy oly sok wannabe webes tervezők annyira türelmetlen?

tanulás web design pontosan ugyanaz, mint a tanulás bármi mást. Időt, türelmet, elkötelezettséget és következetes gyakorlatot igényel.

szerencsére nem kell, hogy bárhol közel 10.000 óra vagy több száz dollárt web design tanfolyamok tanulni web design. Sok olyan eszköznek és erőforrásnak köszönhetően, amelyeket korábban megvizsgáltunk.

az egyik legegyszerűbb módja annak, hogy néhány jó gyakorlat, és esetleg még egy pár dollárt, hogy a Google Maps, hogy megtalálják a honlapon ügyfelek.

  1. menj fel a Google Térképre, és húzd fel a környékedet. Ezután keresse meg az összes éttermet, fogorvosi rendelőt, kiskereskedelmi üzletet, körömszalont és fodrászatot, és nézze meg profiljukat.
  2. ebben talál egy linket a weboldalukra. (Vagy egyáltalán nem talál linket, ami még jobb. Ez azt jelenti, hogy még weboldaluk sincs!)
  3. ha webhelyük szemét, húzzon ki belőle annyi tartalmat, amennyit csak tud, majd építse újra nekik. Nem, nem viccelek.
  4. ezután, ha végzett, küldjön e-mailt nekik egy linkkel a vadonatúj weboldalukra, és kérje visszajelzésüket.
  5. ha szeretik, add el nekik.

ezzel a módszerrel, akkor képes lesz arra, hogy megszerezzék tonna értékes tapasztalatokat épület weboldalak az adott rést.

végül, akkor egyszerűsíti a folyamatot, hogy a pont, ahol képes lesz arra, hogy építsenek egy teljesen új helyszínen mindössze néhány óra alatt.

5) eladni magát, mint egy szakértő, hogy az eszköz / niche

ez az a rész, amit a legtöbben utálni fogtok. Tudom, hogy igen.

értékesítés.

az egy dolog, hogy a web design készségek és szakértelem, de képes meggyőzni másokat, hogy van nekik egy teljesen más kihívás.

olyan sok képzett és tapasztalt webdesignert ismerek, akik nehezen találnak munkát.

általában azért van, mert nem töltöttek elég időt a márka történetének kidolgozására…

mondd el a történetedet

Gondolj bele. Több millió webes tervező közül választhat ügyfelei számára. Miért téged válasszanak?

miért kellene veled dolgozniuk? Mit tesz le az asztalra? Ki maga?

azt gondolhatja, hogy unalmas vagy. Hogy nincs érdekes történeted. Nem vagy az. És te is.

egy lenyűgöző történet elmesélése és a márkádba való integrálása az egyik legfontosabb módja annak, hogy megkülönböztessük magunkat a versenytársaktól.

adj néhány igazi gondolat, hogy a márka. Milyen történetet akarsz elmesélni?

íme néhány könyv, amely segít elkezdeni a márka történetét:

  • Marketing Spark Mark Evans
  • story Driven by Bernadette Jiwa
  • lopj, mint egy művész Austin Kleon

építsd meg ezt a portfóliót

a legnehezebb része a kezdő web design üzleti kapok az első néhány ügyfelek. Mint kiderült, az emberek meglehetősen aggódnak a webes tervezők felvételéről, akik nulla bizonyítékkal rendelkeznek készségeikről és képességeikről. Menj kitalálni.

első web design ügyfelek, ha nincs portfólió lesz a legnagyobb kihívás. A jó hír az, hogy onnan csak könnyebb lesz.

az igazság az, hogy valószínűleg ingyen vagy meredek kedvezménnyel kell dolgoznia. Ez minden kockázatot vállal egy teljesen új webdesigner bérbeadásából.

azáltal, hogy a web design szolgáltatások ingyen, akkor elérni 6 dolog:

  1. kitűnjön a tömegből (mert senki sem kínál ingyenes web design, garantálom, hogy)
  2. Ön enyhíti az összes ügyfél aggodalom és szorongás bérbeadása egy tapasztalatlan web designer
  3. építeni egy fantasztikus honlap, hogy most már hozzá a portfolió, rajz új jövőbeli üzleti
  4. kapsz egy új kapcsolat, hogy adjunk a hálózat potenciális jövőbeli áttételek
  5. kapsz egy 5 csillagos értékelést hozzá a Google Helyek profil
  6. ha nem kap egy 5 csillagos értékelést, akkor kap értékes visszajelzést, hogy miért nem, és javítja a legközelebb

bízz bennem, nagyon sok értéke van ennek.

tehát ne hagyja túl gyorsan az ötletet, hogy ingyen dolgozzon, hogy felépítse ezt a portfóliót.

végül tegyen lépéseket

Gratula! A poszt végére jutottál. (ami őszintén sokat figyelembe véve, hogy kevés ember olvas manapság)

összefoglalva, itt van az 5 lépéses terv, hogy gyorsan megtanulja a webdesignot:

  1. válasszon egy weboldal készítőt
  2. fogyasszon el minden tartalmat arról a weboldal készítőről
  3. válasszon egy webdesign rést
  4. gyakorlat, gyakorlat, gyakorlat
  5. adja el magát szakértőként a niche/Builderben

ez egy szuper egyszerű terv. A többi csak kemény munkát és elkötelezettséget igényel. Semmi sem fog történni, ha minden este 5 órányi Netflix-et néz, és frissíti Instagram-hírcsatornáját.

nem akarok kifogásokat hallani, K?

befejeztem a beszélgetést. Lássunk munkához!

GYIK

Gyakran ismételt kérdések, amelyeket a webdesign tanulásával kapcsolatban kapok.

Hogyan válhat egy web designer?

kövesse ezt az 5 lépéses tervet:

  1. válassza ki kedvenc weboldal-készítőjét.
  2. használja az összes blogot és YouTube csatornát, amelyet a weboldal készítőjével kapcsolatban talál.
  3. válasszon egy rést a web design üzleti.
  4. gyakorlat, gyakorlat, gyakorlat.
  5. adja el magát szakértőként a fülke / weboldal készítőjében.

mennyi ideig tart a webdesign megtanulása?

hogy minden rajtad múlik, és mennyire elkötelezett vagy a tanulás iránt. Ha megtanulod a webdesignot, mint egy oldalsó nyüzsgést, mint én, akkor valószínűleg körülbelül egy évig tart, mielőtt elkezdi az első ügyfeleket. De mindig gyorsabban megteheti, ha kitartó, vagy lassabb, ha lusta!

mi a webdesigner átlagos fizetése?

2019-től a webdesigner átlagos fizetése Kanadában körülbelül 45 000 dollár. De ez változik az egész világon, és még inkább, ha saját webdesign vállalkozása van szabadúszóként. PRO TIPP: Jobb, ha szabadúszó vagy, és saját webdesign üzletet indítasz.

Hogyan tanulhatok ingyen webdesignot?

minden szükséges információ ingyenesen elérhető. Nem kell drága webdesign tanfolyamokat vásárolnia. A Google és a YouTube a legjobb barátok. Végezze el a kutatást, gyakorlat, majd dolgozzon az 5 lépéses terven, amelyről most beszéltünk!

a webdesign jó választás a digitális nomád életmódhoz?

teljesen. Olyannyira, hogy egy egész bejegyzést írtam arról, hogy miért a webdesign a tökéletes választás a digitális nomádok számára.

meg kell tanulnom a webfejlesztést ahhoz, hogy megtanuljam a webdesignot? Mi a különbség?

a webdesign az a dolog, amit láthatsz, a weboldal vizuális tartalma. A webfejlesztés az a dolog, amit nem láthatsz, a munka, ami a színfalak mögött zajlik. A webfejlesztés magában foglalja a kódolást, a programozást, az API-kat, az integrációkat stb.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.