Fundamentals of Web and Interface Design

Course Goal

Learn the fundamentals of web and interface design: from UX research and prototyping to UI creation and AI tool integration. Participants will be able to develop their own web prototype and present it to the team.

Training Format:

  • Online / offline / hybrid
  • Practical cases, workshops, interactive sessions
  • Participant support during training in a private chat
  • Group training: 6300 UAH/hour. Group up to 12 participants
  • Individual training: 1700 UAH/hour

What Will Graduates Gain?

🔗 View benefits

The problem this course solves

Many projects have awkward or unaesthetic interfaces due to a lack of knowledge about UX/UI and modern tools. This course solves this problem by providing practical techniques and skills that help create understandable and attractive web solutions.

Program of the course "Fundamentals of Web and Interface Design"

1
  • UX vs UI, Web vs Mobile
  • Role of a designer in the team (BA, PM, Dev)
  • Tools: Figma, FigJam, Miro

2
  • Grids, modularity, balance
  • Color, typography, iconography
  • Gestalt principles

3
  • User persona, CJM, User Stories
  • Empathy maps
  • Identifying business and user needs

4
  • Low-fidelity prototypes (wireframes)
  • Usability principles (Nielsen Heuristics)
  • Interactive prototypes in Figma

5
  • Visual style and brand
  • Creating a UI kit: colors, buttons, text styles
  • Design Systems: Material, Human Interface Guidelines
  • Practice: building a component library

6
  • Landing page: structure, funnel
  • Dashboard and web applications
  • Mobile-first approach

7
  • Overview of AI tools: Midjourney, DALL·E, Leonardo, Uizard
  • Generating moodboards and references
  • Using ChatGPT for UX research and design texts
  • AI integration into Figma (plugins for auto-generation of styles, icons, layouts)
  • Practice: creating a design concept with AI support

8
  • Principles of motion design in web
  • Smart animate in Figma
  • Presentation and defense of the layout

9
  • Preparing files for developers (Figma Inspect, Zeplin)
  • Working with the dev team
  • Final defense: web prototype (landing page or web service interface)

Do you want to get updates about campaigns, discounts and events?