Adresat companiilor care doresc să crească expertiza forței de muncă în domeniul designului web, acest program oferă o abordare holistică pentru a stăpâni arta de a crea interfețe captivante pentru utilizatori (UI) și de a oferi experiențe de utilizare fără cusur (UX).
Acest program dinamic este conceput pentru a dota participanții, indiferent de experiența lor anterioară în design, cu abilitățile fundamentale necesare pentru a excela în domeniul designului web. Printr-un echilibru între concepte teoretice și exerciții practice, participanții vor dobândi o înțelegere aprofundată a principiilor UI și UX, ceea ce le va permite să creeze site-uri web care combină excelența estetică cu designul centrat pe utilizator.
Programul se adresează tuturor celor ce doresc să învețe Web Design, atât din punct de vedere al designului UI, cât și al designului UX și celor care își doresc o carieră în care să poată aduce o schimbare sau o îmbunătățire în “lumea” produselor web, fie că vorbim despre website-uri, magazine online, aplicații mobile etc.
- Materiale de studiu în format video înregistrat și activități practice.
- Teste intermediare prin care îți vei evalua progresul.
- Întâlniri periodice cu trainerii în ședințe tip live-virtual.
- Examen final, în urma promovării căruia primești o diplomă de finalizare program.
Urmând acest program, participanții vor învăța să:
- Identifice probleme sau dificultăți întâmpinate de utilizatori în aplicații web, mobile sau servicii digitale
- Propună soluții pentru problemele sau dificultățile identificate
- Creeze interfețe prietenoase și intuitive pentru produsele digitale, inclusiv website-uri, magazine online și aplicații web și mobile
- Aducă îmbunătățiri produselor digitale deja existente, cum ar fi website-uri, magazine online și aplicații web și mobile
- Optimizeze layout-urile pentru a crește rata de conversie a utilizatorilor
Programanții pot începe de la zero și nu necesită cunoștințe anterioare nici din domeniul IT. De asemenea, nu există limită minimă de studii.
Lecția 1 – Introducere în User Experience Design
– Prezentare trainer
– Introducere și istoric
– Definiție UX
– Etape UX
– Avantaje UX
– Greșeli în UX
– Principii fundamentale UX
– Procesul UX
– Călătoria utilizatorului
– Beneficii Călătoria Utilizatorului
– Proces Călătoria Utilizatorului
– Etape Călătoria Utilizatorului
– Avatarul sau User Persona
– Caracteristici Avatar sau User Persona
– Cum construim un Avatar
– Concept USP (unique selling proposition)
– Cum construim un USP
– Greșeli USP
– Exemple USP
– Despre MVP
Lecția 2 – Introducere în User Interface Design (partea 1)
– Definiție UI
– Exemple UI
– Diferențele dintre UI & UX
– Exemple
– Avantajele unui UI bun
– Greșeli în UI
– Principii UI
– Procesul UI
– Înregistrare Figma
– UI Figma – Despre Frame
– UI Figma – Despre Shapes
– UI Figma – Pen Tool
– UI Figma – Pencil Tool
– UI Figma – Text & Comments
– UI Figma – Edit Object, Components & Panels
– UI Figma – Design Panel
– UI Figma – Cum îmi organizez proiectele
– Cum căutăm inspirație
Lecția 3 – Introducere în User Interface Design (partea 2)
– Ce este un Wireframe
– Ce este un Design System
– Despre Grid și AutoLayout
– Despre Text și Stiluri de Text
– Despre Componente
Lecția 4 – Realizare Proiect Figma – Site de prezentare (partea 1)
– Prezentare proiect
– Setare Typography (2 parti)
– Setare liste si citate
– Cum se face un Header
– Grid si Hero Section
– Post Card
– Footer
– Sidebar
Lecția 5 – Realizare Proiect Figma – Site de prezentare (partea 2)
– Single Post
– Category Page
– Contact Page
– Despre Prototype
– Despre Responsive
– Tablet Mode
– Mobile Mode
– Despre Color Styles
Lecția 6 – Realizare Proiect Figma – Dashboard (partea 1)
– Dashboard Header (partea 1)
– Dashboard Header (partea 2)
– Dashboard Menu
– Dashboard Body
– Dashboard – Body Widgets
– Dashboard – Body Widget Working Hours
Lecția 7 – Realizare Proiect Figma – Dashboard (partea 2)
– Dashboard – Plugin pentru Charts
– Dashboard – Storage Widget
– Dashboard – Best Selling Products Widget
– Dashboard – 3 Widgets
– Dashboard Last Widget
Lecția 8 – Analiză proiect
– Cum am gandit un site pentru o clinică de operații estetice
– Corecții pentru site
– Cum alegem imaginile
– Alte platforme cu resurse grafice
Lecția 9 – Introducere Adobe Photoshop
– Adobe Photoshop – Prezentare
– Adobe Photoshop – Cum decupam manual
– Adobe Photoshop – Cum decupam automat
– Adobe Photoshop – Ce este și cum folosim clipping mask
– Adobe Photoshop – Cum editam o fotografie
Lecția 10 – Introducere Adobe Illustrator
– Adobe Illustrator – Prezentare
– Adobe Photoshop – Smart Objects
– Adobe Photoshop – Exemple Mockups
– Adobe Illustrator – Pen Tool
– Adobe Illustrator – Live Paint Bucket Tool
– Adobe Illustrator – Pathfinder & Shape Builder Tool
– Adobe Illustrator – Cum facem export svg
– Adobe Illustrator cu Photoshop – Cum colaborează cele doua programe
– Cum alegem un font
Lecția 11 – Cum construim un site de fotografie (partea 1)
– Partea 1 – Înțelegerea și structurarea proiectului
– Partea 2 – Cum găsim inspirație
– Partea 3 – Moodboard sau plansa inspirațională
Lecția 12 – Cum construim un site de fotografie (partea 2)
– Layout – Setare fonturi
– Layout – Structură și secțiuni
– Layout – Setarea culorilor
– Layout – Actualizări
Lecția 13 – Cum construim un site de fotografie (partea 3)
– Organizare Fișiere
– Pagina Contact – partea 1
– Pagina Contact – partea 2
– Pagina Portofoliu
– Pagina Proiectului – partea 1
– Pagina Proiectului – partea 2
– Pagina Despre
Lecția 14 – Cum construim un site de fotografie (partea 4)
– Prototype – partea 1
– Prototype – partea 2
– Pagina de servicii
– Final
Participanții vor primi diplomă de absolvire după completarea cursului și susținerea examenului de evaluare .