This course is designed to provide students with a comprehensive understanding of the principles and practices of UX UI Design. The course will cover the core skills and competencies needed to successfully learn UX UI design, including design fundamentals, information about typography, color, and practical knowledge of Figma. The main focus of this course will be on the step-by-step creation of a landing page website in Figma.
Each module includes original lectures, practice, knowledge testing, as well as additional
materials for self-study. By the end of this course, students will be equipped with the knowledge and skills necessary to perform all phases of creating a UX UI website under supervision.
Learning Objectives
- to understand the fundamentals of UX UI Design and their applications in IT
- to learn how to create website designs in Figma
- to learn how to create your own design project – a website on an interesting topic for the student, following all the steps as in a real project
- to learn how to go through all stages of design creation from idea to adaptive versions, including the stages of content selection, wireframing, and animation
- to learn how to use Key design elements: logic, content, adaptability, composition, typography, color
- to learn and practice how to present your project to a group of students and qualified designers
Target audience
The course was designed for individuals who are new to UX UI design or who are looking to formalize their knowledge and skills in the field. There are no formal prerequisites for this course, but English assessment.
Program
Module Structure:
- Introduction
- Video lessons with clear explaining and interactives
- Practice and knowledge check: non-graded tasks
- Final own-created project
- Online workshops
- Summary and presentations
- Additional materials for learning
- Checklists, guides, helpful materials
Module 1
—
Introduction to UX and UI design
1,5 hours
- What is UX and UI design?
- Who is a UX and UI designer?
- Tasks, soft and hard skills needed by a designer
- Key elements of design: logic, content, adaptability, composition, typography, coloristic
- Motivation to complete the course
Module 2
—
Figma
3 hours
- Figma Start
- The base: program overview, creating a file, getting acquainted with the main functions and tools
- Autolayouts, components, options
- Practice in Figma
Module 3
—
Balance and composition
1,5 hours
- Balance and composition in UX and UI design
- The first screen! What does it consist of?
- Figma practice creates covers for websites in different kinds of balances
Module 4
—
Types of sites
1,5 hours
- Sites for selling goods or services
- Websites for business digitalization (for internal use by the company)
- Sites for receiving commissions from transactions
- To sell paid online services (useful services)
- To earn from advertising (informative)
- To sell subscriptions
- To interact with citizens (city services)
- Social networks (multifunctional, communication)
Module 5
—
UX
3 hours
- What is UX?
- How the logic is built on the site?
- User Flow
- The main mistakes of the designer at the beginning of the work
- How to make the site convenient, visual logic
- What is information smell
- Principles of quality navigation
- 4 super techniques for creating logic on the website
Module 6
—
Landing page. Start
1,5 hours
- What is a landing page?
- Stages of site creation
- First meeting with the client
- How to choose a theme for your website?
- How to choose stylistic references? (examples)
Module 7
—
UI
3 hours
- What is UI?
- What are modular grids and what are they?
- The 4 most popular modular grids, with which you can make any creative design
- Modern styles of sites
Module 8
—
Сontent for website
1,5 hours
- Search for content for the site
- Neural networks,
- Figma plugins,
- Selection of content for the landing page, where to get texts, images, elements
Module 9
—
Typography and fonts
3 hours
- Typography and fonts. What are, how to use, the font system on the site
- UX copywriting
- Сreate texts for the landing page
Module 10
—
Create wireframing
3 hours
- Low-detail wireframe
- High-detail wireframe
Module 11
—
Colors and mood board
3 hours
- Color psychology
- What does each color on the site mean, and how to choose it for a specific project?
- What is a mood board and how to create it for your project?
Module 12
—
Landing layout and Animation
3 hours
- Create a landing page layout on an individual theme
- Create an animation for the project
Module 13
—
Adaptive design
3 hours
- Basics of adaptive websites
- Create adaptive versions for the landing page (mobile and tablet)
Module 14
—
Finalization of the project. Presentation
3 hours
- How to transfer the final layout to the customer and developer?
- What is a design system?
- Product testing services
- The basics of project presentation to the customer, what it consists of
- Creating a presentation for your project
Module 15
—
Future Steps
1,5 hours
- What to do next?
- How to develop in the field of web design?
- How can you start earning freelancing?
In case of any questions, please contact the manager Svitlana
After completing the course, you will
- Gain confidence in your UX/UI design skills
- Be able to create your own projects and present them to clients
- Be ready to work in a team on real projects
- Receive a foundation for further development in the field of web design
UX UI design course
online
Beginner
English
Payment in installments without commission and interest is available from PrivatBank