Curs UI/UX – Principii Esentiale de Web Design

Curs de UI/UX design perfect pentru designeri, programatori, antreprenori care vor un website care da rezultate

Avatar utilizator
(0 recenzii)
299 lei 499 lei

Despre Material

  • Lectii 100
  • Chestionare 0
  • Durata 9,5 ore
  • Nivel Pentru designeri, programatori, antreprenori
  • Limba Romana
  • Studenti 17
  • Certificat Da
  • Exercitii Da

Web Design Modern

Pentru o carieră nouă. Pentru afacerea ta. Pentru o rată de conversie mai bună.

line-chart@2x

Dificultate progresivă

Incepem cu notiuni fundamentale de web design si apoi creste dificultatea pas cu pas.
help@2x

Ajutor rapid prin Live Chat

E normal să ai întrebări, de aceea ai la dispoziție funcția de live chat.
unlimited@2x

Acces nelimitat

Învață în ritmul tău. Te poți uită la curs de câte ori dorești, fără restricții.
origami@2x

Principii universal valabile

Inveti principii de UI/UX design care pot fi aplicate imediat in orice fel de website
champion@2x

Învață de la un instructor certificat

Cristian Barin, Photoshop ACE și ACI:
Adobe Certified Expert & Instructor
art@2x

Studii de caz concrete

Iti arat concret cum am marit rata de conversie (vanzarile), cum am scazut bounce rate-ul.

UITE-TE LA LECTIILE GRATUITE DIN TABUL “Lectii”.

Nu trebuie sa stii programare!

Concentreaza-ti atentia pe un singur lucru - eu iti recomand partea de design.

  • 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

ce te învăț / ce nu te învăț

Nu îți promit luna de pe cer. Iată la ce te poți aștepta de la acest curs.

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 siteuri î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 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 meargă mult mai bine.

Pentru mine este limpede 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 progresezi? Poți 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ță.

Curs predat de un profesionist

Ai o nelamurire? Intreaba-ma orice pe live chat!

demo_image

Singurul instructor român certificat de Adobe

Am dat examene dificile și sunt singurul instructor român certificat de Adobe. Sunt ACE, Adobe Certified Expert, și ACI, Adobe Certified Instructor.
demo_image

Printre cei mai buni instructori din lume

Din 2013 predau pe cea mai mare platforma de e-learning din lume, Udemy.com. Acolo am peste 200.000 de studenți și sunt pe locul #1 în Design.
demo_image

Recenzii excelente

În engleză, din peste 20.000 de recenzii, am o notă de 4.61/5. În limba română, am 100% recenzii pozitive și, până acum, nici un student nemulțumit.
demo_image

Predau Web Design ca antreprenor

Știu exact ce vor firmele de la tine ca web designer fiindcă sunt și antreprenor. Îți prezint informația din ambele perspective.
demo_image

Îți răspund rapid

Ai nevoie de un sfat sau o părere? Sunt disponibil imediat prin live chat sau email. E unul dintre cele mai mari avantaje față de alte cursuri.
demo_image

Foarte multe avantaje

Mi-e greu să îți punctez toate avantajele cursului. Trebuie să îl încerci. Îți poate deschide multe uși. Mai departe depinde doar de tine.
001-shield@2x

30 ZILE

Banii înapoi dacă
nu ești mulțumit.
005-stopwatch@2x

NELIMITAT

Accesul la curs.
Învață în ritmul tău!
012-paint-brush@2x

NU DESENĂM

Nu trebuie să fii
talentat sau creativ.
010-gift@2x

MATERIALELE

Sunt incluse ca să
poți lucra cu mine.
016-unlocked@2x

ACCES IMEDIAT

Nu aștepți nimic.
Începi imediat!

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.

Section 1: Informatii esentiale de web design

1.1 De ce sa inveti web design?1.2 Web design fara programare – cum?

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

Section 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

Section 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

Section 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

Section 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

Section 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

Section 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

Section 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

Fondator Ohvaz, Adobe Certified Instructor si Adobe Certified Expert in Photoshop, instructor de top pe Udemy, fost freelancer de succes pe 99designs, fondator Theme Junky – firma de design aplicatii Android. Autor carte Un Milion din Photoshop. Specializat in UI design si graphic design.

Recenzii

Average Rating

0
0 rating

Detailed Rating

5
0%
4
0%
3
0%
2
0%
1
0%
299 lei 499 lei