Curs UI/UX – Principii Esentiale de Web Design
Curs web design UI/UX perfect pentru designeri, programatori, antreprenori care vor un website care da rezultate
Despre Material
- Lectii 108
- Chestionare 0
- Durata 10,5 ore
- Nivel De la incepatori la avansati
- Limba Romana
- Studenti 36
- Certificat Da
- Exercitii Da
- Creeaza site-uri moderne care dau rezultate
- Cum treci de la design la website functional
- Ce program de design sa folosesti
- Reguli fundamentale de layout (structura)
- Principii de contrast, simetrie, marime
- Cum imbunatatesti rata de conversie
- Cum scazi bounce rate
- De ce programatorii sunt stresati
- Despre template-uri, Wix, Squarespace si altele
- Cum se fac testele A/B si responsive design
- Landinge page sau un website normal?
- Principii esentiale de UX
Web Design – Pentru o Carieră Nouă
Ca UI/UX designer, poți aduce multă valoarea oricărei companii din lume prin munca ta, iar asta fiindcă un design atrăgător și bine gândit mărește vânzările. De aceea firmele investesc bani buni în aspectul site-ului – nu din simț estetic, ci din perspectiva financiară. Ohvaz.ro este afacerea mea și este un exemplu concludent: de la 50 de comenzi pe luna am ajuns la peste 1300 de comenzi; de la câteva sute de euro am ajuns la peste 40.000 de euro pe lună. Totul prin optimizări constante la site.
Iar ca freelancer pe 99designs.com, am încasat peste $50.000 desenând site–uri în Photoshop. Am înțeles că mă pot întreține fără probleme dacă mă specializez in partea de design. După câțiva ani de freelancing, am făcut pasul către antreprenoriat. Povestea întreagă o poți află aici.
Web Design – Pentru Afacerea Ta
Ca antreprenor m-am chinuit mult cu Facebook Ads. Cheltuiam sute de lei în fiecare zi, însă nu primeam comenzi. Am angajat o agenție de performance marketing ca să mă ajute cu reclamele și îmi amintesc primele rezultate: 367 add to cart și 1 singură conversie. Ceva nu era ok pe site. Am făcut o serie de îmbunătățiri, iar reclamele au început să meargă mult mai bine.
Pentru mine este limpede că dacă te pricepi la web design ai numeroase avantaje, indiferent în ce categorie te afli (antreprenor sau designer). Singură discuție este – cât de repede vrei să progresezi? Poți să o faci pe cont propriu prin YouTube sau poți învața de la cineva cu ani buni de experiență în spate.
CE NU TE ÎNVĂȚ
- programare de orice fel;
- teorie care nu are aplicabilitate;
- Adobe XD/Photoshop/Figma;
- platforme de tip “design fara cod”;
- cum sa fii un freelancer excelent;
- Wix, Squarespace, Shopify;
- PSD slicing;
- mobile app design;
Cursul este bazat pe principii de design și studii de caz prin care poți avea momente “a-ha!”. Perfect pentru începători, dar și pentru cei cu experiență.
Cursul este complet digital și începe când dorești! Ai acces nelimitat și îl poți parcurge în ritmul tău de câte ori vrei. Nu este necesar să te deplasezi în nici o sala de clasa. Învață de oriunde ai acces la internet!
Da, după ce ai terminat toate lecțiile, vei primi o diplomă simbolică prin email. Cursul nu este autorizat de către ANC deoarece una din condițiile lor este închirierea unei săli de curs, dar asta contravine conceptului meu “învață în ritmul tău”.
Ca o părere personală – diplomele nu au valoare în acest domeniu. Am angajat zeci de designeri de-a lungul anilor pe baza a două aspecte: portofoliu și proba practică. Acest curs te ajută cu ambele.
Pe scurt, nu conteaza. Poti folosi orice program de design doresti. Stiu ca pare ciudat, dar dupa ce vei incepe cursul vei intelege mai bine. In curs o sa folosesc Photoshop ca demonstrez niste principii, apoi Adobe XD cand vom construi un website propriu-zis.
Cursul nu îți oferă nici o garanție legat de eventuale câștiguri. Ca o sugestie, pașii ar trebui să fie următorii: înveți să folosești Photoshop prin acest curs, apoi îți alegi o specializare. Această poate fi web design, app design, graphic design sau orice altceva. Lucrezi doar pe acea nișă, iar așa vei putea avea o sursă de venit pe care te poți baza.
Trebuie să mă privești că pe un instructor fitness de talie mondială. Îți arăt concret tot ce trebuie să faci că să obții rezultate excelente, dar doar tu poți face munca dificilă. Totul e în mâinile tale.
Am peste 200.000 de studenți pe Udemy cu care interacționez fugitiv din motive lesne de înțeles. Prețul cursului în limba română este mai ridicat prin prisma nivelului meu de atenție. Practic, mă pot ocupă de studenții români așa cum trebuie: discutăm pe live chat, ne folosim de TeamViewer, ofer sfaturi, s.a.m.d.. Nu doresc să am zeci de mii de studenți în România. Prefer să lucrez cu mai puține persoane, dar să le dau întreaga mea atenție.
Capitolul 1: Informatii esentiale de web design
1.3 Primul tau miniproiect – cat de bun esti?
1.4 Iata cum trebuie sa abordezi proiectul
1.5 De la design la un site functional
1.6 De ce e absolut necesar un design?
1.7 Structura unui website
1.8 Cat costa un website?
1.9 Diferenta de stres dintre un designer si un programator
Capitolul 2: Cel mai important concept de web design
2.1 Elementul de baza al oricarui web designer
2.2 Structuri non-standard
2.3 Photoshop sau Adobe XD pentru web design?
2.4 Creeaza o structura standard
2.5 Cum determini marimea ideala pentru elemente
2.6 2 informatii cheie despre fonturi
2.7 Formatarea textului si alte reguli esentiale
2.8 Contrast in web design
2.9 Contrast – studiu de caz 1
2.10 Contrast – studiu de caz 2
2.11 Tot ce trebuie sa stii despre codurile de culoare
2.12 Cum aranjezi elementele in hero area
2.13 Cum aranjezi iconite cu texte
2.14 Reguli esentiale pentru iconitele in web design
2.15 Cum redimensionezi iconite de forme diferite
2.16 Dezechilibru vizual
2.17 Greseli de executie la foc automat
Capitolul 3: Rolul tau de designer in dezvoltarea firmei clientului
3.1 Introducere
3.2 Obiectivul afacerii
3.3 Vizitatori versus patroni
3.4 Site-uri mari fara sens
3.5 Statistica in web design
3.6 Wix, SquareSpace si Shopify
3.7 Studiu de caz: 4 variante pentru aceeasi afacere
3.8 Prima pagina a unui magazin online
3.9 Iata de ce designul tau e implementat stangaci
3.10 Pagina produsului a unui magazin online
3.11 Procesul de checkout
3.12 Care este diferenta dintre un landing page si un website?
3.13 Nu toate site-urile vor sa vanda imediat
3.14 De ce landing page-urile sunt considerate dubioase?
3.15 SaaS – noua mina de aur?
3.16 Studiu de caz: obiectivele clientului
3.17 Teste A/B
3.18 Un logo nou – abordarea mea
3.19 Concluziile capitolului
Capitolul 4: Urmatorul nivel de rafinament in web design
4.1 Introducere UX si atentie la detaliu
4.2 UX explicat cat mai clar
4.3 Cum am dublat cifra de afaceri: de la 5 la 10.000 de euro/luna
4.4 Cum am imbunatatit pagina de checkout
4.5 Varianta mobila a magazinului online
4.6 Varianta mobila – pagina produsului
4.7 Detalii care fac diferenta
4.8 Iata cum lucrezi cu un programator
4.9 Low fidelity, heatmaps si documentatie
4.10 Concluziile capitolului
Capitolul 5: Primul website - varianta Desktop
5.1 Analizam proiectul
5.2 Incepem proiectul desktop cu top bar
5.3 Construim headerul
5.4 Culori si fonturi pentru partea superioara
5.5 Ierarhia din meniul principal
5.6 Hero area rafinat
5.7 Cum listam categoriile?
5.8 Organizarea cardului de produs
5.9 Variante in web design
5.10 Prima varianta pentru homepage
5.11 A doua varianta pentru homepage
5.12 A treia varianta pentru homepage
5.13 Zona de intrebari frecvente
5.14 Formular pentru inscrierea in newsletter
5.15 Construim footerul
5.16 Pagina produsului
5.17 Detalii in pagina produsului
5.18 Concluziile proiectului desktop
5.19 Descarca proiectul XD si imaginea PNG
Capitolul 6: Responsive Design
6.1 Introducere responsive design
6.2 Varianta mobila sau aplicatie iOS/Android?
6.3 Adaptam headerul la varianta mobila
6.4 Construim meniul secundar de categorii
6.5 Cum afisam produsele din grid – o provocare!
6.6 Varianta a doua pentru afisarea produselor
6.7 Zona de intrebari frecvente pentru mobil
6.8 Ajustam formularul pentru newsletter pentru mobil
6.9 Reorganizam footer-ul
Capitolul 7: Pagina produsului - varianta mobile
7.1 Obiectivele redesignului
7.2 Elementele zonei principale
7.3 Primele doua variante
7.4 A treia variatie a paginii produsului
7.5 Ultima varianta a paginii produsului
7.6 Construim sistemul de taburi
7.7 Exercitiu de viteza – recenzii si valori nutritionale
7.8 Verificam designul in aplicatia Adobe XD de pe mobil
7.9 Ultimele modificari
7.10 Concluzii si varianta ta
Capitolul 8: Pregatirea designului pentru implementare (programare)
8.1 Ce trebuie sa ii dam programatorului?
8.2 Primul mod de a preda proiectul pentru programare
8.3 Ce resurse trebuie pregatite in mod special pentru programator?
8.4 Ce facem cu fonturile speciale?
8.5 Cum instalam Zeplin in Adobe XD?
8.6 Cum instalam Zeplin in Photoshop?
8.7 Pregatirea finala pentru programator
Capitolul 9: Despre bani, freelancing si cum sa incepi
9.1 Fa asta inainte sa ceri bani!
9.2 De unde iei primele proiecte?
9.3 Experienta mea pe 99designs
9.4 Tot ce trebuie sa stii despre 99designs
9.5 Freelancer, upwork sau fiverr?
9.6 Cati bani sa ceri pe munca ta?
9.7 PFA sau SRL?
9.8 Nu lucra pana nu intrebi asta:
-
Recenzii
Un curs foarte bine structurat, incepind de la cele mai simple metode si idei pina la cele mai vaste. De mentionat faptul ca instructorul cursului este mereu activ la acordarea de raspunsuri si sfaturi. Va multumim si asteptam lectii noi.