Menu
👆 Valitse videoon suomenkielinen tekstitys CC-painikkeen takaa.
Olet ehkä miettinyt, ‘Hmm, voisinko minäkin rakentaa jotain tuollaista hienoa, mitä näen verkossa?’ Tai ehkä olet jo naputellut joitakin <HTML> ja .CSS-koodinpätkiä Muistioon oppiaksesi taikuutta.
Vaikka tuollaista tehtiin vielä silloin, kun aloitin itse, sinulla on nyt uskomattomia työkaluja kuten Elementor, Webflow, Framer, Figma ja paljon muuta käytettävissäsi, jotka tekevät koodauksesta lähes valinnaista.
Tässä artikkelissa annan sinulle rehellisen ja todennäköisesti puolueellisen mielipiteeni siitä, miten voisit aloittaa web-suunnittelun, mitä se kaikki tarkoittaa ja maksaa hyvin, ja mikä on arvokkain supervoima, jonka kukaan verkkosivujen suunnittelija voi hallita. Pääsemme siihen, joten pidä tiukasti kiinni sukkahousuistasi.
Taustatietona minä olen rakentanut verkkosivustoja harrastuksena alkaen 2000-luvun alusta ja ammatikseni vuodesta 2017 lähtien, pääasiassa käyttäen WordPressiä ja Elementoria.
Olet saattanut kuulla joitakin verkkosivujen suunnittelun termejä, mutta et välttämättä tiedä niiden tarkkaa merkitystä. Tehdään pikakierros tutustuaksesi niihin, jotta voit alkaa käyttämään niitä sanastossasi ja kuulostaa ammattilaiselta.
Nyt olet aseistautunut Web design-jargonin tärkeimmillä supervoimilla ja olet valmis hyppäämään areenalle hikisin kämmenin.
Muistio ei enää riitä. Joten mikä alusta kannattaa valita?
Ehdottaisin, että aloitat WordPressistä ja Elementorista.
Miksi? No, 40% kaikista verkkosivustoista on rakennettu WordPressillä, mukaan lukien tärkeät sivustot, kuten Sony Music, Harvardin yliopisto ja Time Magazine.
WordPress on tulessa koeteltu, hyvin tuettu ja siihen on tuhansia liitännäisiä, jotka lisäävät minkä tahansa toiminnon, jota voit ajatella.
Sen lisäksi haluat käyttää Elementoria, joka on yksinkertainen sivujen rakentaja ja kirjasto “raahaa ja pudota” -elementeillä, jotka mahdollistavat sivujen rakentamisen ja mukauttamisen nopeasti lähes koskematta koodiin.
Fantastista, eikös? Mitkä ovat haittapuolet?
Katkeaako kamelin selkä näiden takia? Ei tietenkään.
Jos haluat pätemisen takia olla erilainen, voit myös valita Wixin, Squarespacen, Webflown tai minkä tahansa muun uuden ja suositun alustan. Loppujen lopuksi on iha sama, sillä ei ole suurta merkitystä.
Itse käytän WordPressiä, koska se antaa minulle enemmän kontrollia kaikkeen, koska isännöin sivujani itse OVHcloudissa helpomman ylläpidon ja alhaisempien vuosimaksujen vuoksi.
Entä Figma ja Framer. Ja Spline? Et tarvitse niitä aloittaaksesi.
En tarvitse niitä. Saatan tarvita niitä tulevaisuudessa. Ne ovat suosittuja. Siirrytään eteenpäin.
Verkkosivusuunnittelu-kurssien vertailu:Miten oppia käyttämään WordPressiä ja Elementoria? Käytän tilaisuuden mainostaa häpeilemättömästi omaa pikakurssiani, jossa opit hankkimaan oman verkkotunnuksen, web-hotelling, asentamaan WordPressin ja rakentamaan toimivan Elementor-verkkosivuston muutamalla hienolla toiminnolla, kuten ajanvaraus, videokonsultaatio, pop-up-yhteydenottolomake jne.
Se on aloittelijaystävällinen ja opettaa sinulle myös kuinka hyödyntää tekoälyä asioiden rakentamiseen nopeammin. Voit katsoa ensimmäisen videon ilmaiseksi täältä.
Ja tarjolla on tietysti myös muita kursseja, jotka saattavat olla teoreettisempia ja tylsempiä, mutta silti mainitsemisen arvoisia. Voit mennä Googleen tai YouTubeen ja katsoa, mitä uusia ja kattavia ilmaisia kursseja on saatavilla.
Mutta puhutaampa hetki suoraan. Jos et sijoita koulutukseesi, et ehkä ota sitä tarpeeksi vakavasti. Maksulliseen kurssiin ilmoittautuminen laittaa sinut erilaiseen mielentilaan kuin kokoelma YouTube-videoita. Päätös on sinun.
Ja vain mainitakseni, voit tarkistaa Teachablen, Courseran, Udemyn, Skillsharen, LinkedIn Learningin tai Gumroadin WordPress-kurssit. Olen varma, että löydät kattavan aloittelijakurssin joltakin näistä alustoista, joka sopii tarpeisiisi ja oppimistyyliisi.
Onko muita menetelmiä? Toki. Voit etsiä sensein tai sifun auttamaan sinua oppimaan Elementorin tavan ja tulemaan Web-suunnittelun ninjaksi ennätysajassa.
Verkkosivusuunnittelun esimerkkejä:Saadaksesi maksettua työtä Web designerina, sinun täytyy oppia rakentamaan visuaalisesti miellyttäviä etusivuja. Ja sitten näyttää ne kohdeyleisöllesi ja verkkosivuston kävijöillesi.
Mites se onnistuu? Tässä yksi idea: mene Dribbbleen, hae “web design” ja valitse referenssisivusto, jonka pohjalta rakennat oman version.
Rakenna oma versiosi käyttämällä tekoälykuvanluojaa kuten playground.ai tai selaa ilmaisia kuvia Pexelsistä kuvitukseen.
Valitse väripaletti colormind.io:sta ja sovella 70-20-10 sääntöä pitääksesi tyylin siistinä. Selaa Google-fontteja löytääksesi hyvän kirjasintyypin.
Postaa työsi sosiaalisessa mediassa ja omassa portfoliossasi osoittaaksesi, että pystyt toimittamaan visuaalisesti miellyttäviä verkkosivustoja.
Tässä vaiheessa sinun ei tarvitse oppia animaatiota tai miten rakentaa räätälöityjä elementtejä. Ne ovat kirsikoita kakun päällä, jotka voit poimia myöhemmin.
Varoituksen sana: Ihmiset ovat tulleet paremmiksi massatuotettujen tekoälysivujen tunnistamisessa, joten varmista, että sisältösi on laadukasta myös lähempää tarkasteltaessa.
Tavoittaaksesi laajemman yleisön, on myös hyvä idea oppia, miten rakentaa verkkokauppa. WordPressiin voit lisätä WooCommerce:n demoverkkosivustollesi ja muokata sen mieleiseksesi saadaksesi siitä miellyttävän näköisen. Tässä on myös loistava mahdollisuus oppia ja soveltaa käyttäjäkokemus- ja käyttöliittymätietämystä sujuvan myyntiprosessin suunnitteluun.
Jos hallitset nämä kaksi, miksi et loisi myös hienoa sisällöntuottajan verkkosivustoa, interaktiivisine elementteineen, dynaamisine ruudukkoineen ja huomiota herättävine visuaalisine piirteineen.
Varmista myös, että hallitset responsiivisen suunnittelun, joka skaalautuu dynaamisesti kaikilla näyttökokoluokilla rikkomatta asettelua. Mobiililaitteille sopiva suunnittelu on olennaista, sillä noin puolet kaikista verkkosivustoliikenteestä tulee älypuhelimista.
Aloittaessasi varmista, että markkinoit itseäsi häpeilemättä verkossa ja ystävillesi, jotta tietoisuus sinusta ja taidoistasi kasvaa.
Ok, ollaan valmiita aloittamaan ja sinulla on jo joitakin ideoita. Seuraavaksi luodaan toimintalista siitä, miten voit tulla freelance-verkkosivujen suunnittelijaksi.
Miten aloittaa verkkosivusuunnittelu:Nostetaan kissa pöydälle ja vertaillaan kahta mahdollista vaihtoehtoa. Voit joko työskennellä freelance-Web designerina tai löytää vakituisen verkkosivusuunnittelijan työpaikan.
Itse olen ollut freelancer ja sitten pyörittänyt omaa yritystäni täyspäiväisesti vuodesta 2017 lähtien enkä ole työskennellyt toimistossa siitä lähtien.
Se on elämäntapavalinta, ja olen freelancer-käännynnäinen (ja käännyttäjä).
Suoraa puhetta: Verkkosivusuunnittelun oppiminen on helpompaa kuin koskaan, kiitos kaiken tämän upean sisällön. Ensimmäisten asiakkaiden saaminen freelancerina on paljon vaikeampaa, jos et ole luontainen myyntitykki, jolla on suuri verkosto.
Onko se silti sen arvoista? Ehdottomasti, mutta sinun on siedettävä epävarmuutta ja vaihtelevia tuloja. Tai voit myös pitää nykyisen päivätyösi ja aloittaa verkkosivusuunnittelun sivuharrastuksena.
Kun todella keskityt ja teet pitävän päätöksen, voit rastia ensimmäiset neljä kohtaa kuukauden tai parin aikana. Sillä pääset alkuun ja taipaleelle.
Oman tyylin luominen verkkosivusuunnittelussa:Oppimisessa ja oman jutun rakentamisessa on hyvä ottaa inspiraatiota muilta ja kokeilla, mutta yritä aina tehdä kaikki näyttämään sinulta.
Tavoitteena on kehittää oma tyyli.
Fiverrin ja tekoälyn ansiosta massatuotettua sisältöä ja verkkosivustoja on kaikkialla. Kaikki näyttää samalta.
Turvallista ja tylsää. Ole rohkea ja kehitä oma tyyli.
Ehkä sinulla on taipumusta koodaamiseen? Kehitä sitä eteenpäin opettelemalla JavaScript-ohjelmointikieli ja jotakin sen suosittuja kirjastoja, kuten React.js sovelluksentapaisia ominaisuuksia varten, tai Three.js 3D-elementtien rakentamiseen.
Tai ehkä pidät enemmän kirjoittamisesta. Silloin voit parantaa taitojasi sisällöntuottajana ja copywriterina, mikä on kiistatta vielä tärkeämpää kuin visuaalinen suunnittelu sivustojen tuottavuuden kannalta. Miksi?
Ajattele asiaa näin: alat katsomaan upeasti tuotettua YouTube-videota – studiovalot, kamera, ääni, hyvännäköinen influensseri keskellä. Mutta jos se, mitä se sanoo, on silkkaa puppua, poistut heti inhon vallassa.
Sama pätee verkkosivustoihin. Kirjoitettu sisältö on aina tärkeämpää.
Kerron tämän sinulle, koska on järkevää erikoistua johonkin. Muuten olet vain yksi verkkosivusuunnittelijoista.
Ja aloita sisällön julkaisu verkossa. Pääse yli alkuvaiheen häpeästä ja luo itsestäsi henkilöbrändi. Tilaa on.
Kuinka paljon voit tienata verkkosivujen suunnittelijana:Jos aloitat freelancerina, kestää kuukausia tai vuosia ennen kuin sivubisneksesi muuttuu täysipäiväiseksi yritykseksi.
Ja alussa menestystä tulee harvoin ja hajanaisesti. Mutta tallaamalla omaa polkua voit päästä jopa makeaan 10 000 euron kuukausitasoon parin vuoden sisällä.
Itse en vielä tällä tasolla ole, ja sen tason saavuttaminen edellyttää fiksua strategiaa. Eteenpäin.
Palkattuna verkkosivusuunnittelijana voit odottaa turvallista ~40 000 euron vuosipalkkaa, mutta tämä reitti suosii yleensä ihmisiä, joilla on leimattuja papereita jostakin suunnittelu- tai IT-koulusta.
Tämä vaihtelee myös paljon maantieteellisesti (Suomessa toki palkkataso on korkea). Siksi suosittelenkin rakentamaan henkilökohtaista brändiä, joka mahdollistaa asiakkaiden saamisen INTERNETISTÄ.
Se on sen arvoista – muuten olet vain kasvoton hyödyke, joka kilpailee halvemmalla hinnalla.
Tässä on arvokkain taito mille tahansa suunnittelijalle:
Minulle itsenäisenä verkkosivujen suunnittelijana ja markkinoijana työskenteleminen on mahdollistanut asumisen 5 eri maassa viimeisen 7 vuoden aikana. Kysy, jos haluat tietää.
Minulla on mahdollisuus päättää, milloin ja miten teen asioita. Panostan omaan juttuuni, jolla on korkoa korolle-vaikutus. Suoraan sanottuna, kyky tehdä mitä haluan on ajoittaisen epävarmuuden ja stressin arvoista.
Yhteenvetona toivon, että huomaat tämän pohjalta, että Web designeriksi ryhtymisen ei ole kovin vaikeaa.
Oppiminen vaatii hieman omistautumista, ja jakamalla julkisesti omaa osaamistasi voit saada ensimmäiset asiakkaasi. Saat valita oman polkusi.
Siihen liittyy löytöjä, virheitä, yllätyksiä, huolia ja iloa. Jos itsemääräämisoikeus, luovuus ja ilmaisun vapaus ovat sinulle tärkeitä arvoja, ehkä verkkosivujen sivusuunnittelu on oikea valinta.
Seuraavaksi voit lisätä minut somessa ja pistää viestiä. Vastaan mielelläni kaikkiin kysymyksiin.
Olennaisia linkkejä (englanniksi):
Flux Academy Web Design Course for Beginners: 
• Learn Web Design For Beginners – Full…
W3Schools Online Web Tutorials: https://w3schools.com
Mozilla Web tech for Devs: https://developer.mozilla.org/en-US/d…
How to learn JavaScript: https://www.freecodecamp.org/news/how…
OVHcloud Hosting https://us.ovhcloud.com
Reference websites: https://dribbble.com/ https://www.behance.net
AI image generators: https://playground.com https://lexica.art
Liity SCRIIV Discord serverille: 
/ discord
Written by
Creator – Scriiv
My advice: “Leverage your digital skills and leap into new adventures”
I’m self-employed marketer and creator, enthusiastic about YouTube, copywriting, and conversion rate optimization to name a few. Unstoppable visionary.
→ Join the journey to elevate your online presence and grow your brand!
Registered digital marketing agency
Sastamala, Finland, FI31541758
Maru Hieta ©2024
Designer & Writer