• Selection of topics for the course work - website design - and familiarization with the stages of the digital interface design project.
• Overview of website types (blog, e-shop, corporate/business services, personal page, portfolio, product/niche page, etc.) and their purpose.
• User-centered design and Design Thinking.
• UX user research methods and methods for systematizing research insights: user scenario, persona, user empathy and journey maps. Diagram of the user path on the website (Userflows).

Practical work: identification of the chosen type of website, the user and his goals, creation of a user path map and userflow diagrams. Working with the MIRO interactive whiteboard.

• Principles and components of information architecture. Organization, naming, navigation and search systems. Creating a site map (sitemap).
• Responsive design principles. Representation of content on screens of different sizes: adaptive and responsive methods, application of grid and screen breakpoints (viewport breakpoints).
• Features of mobile user interfaces.
• Creation of wireframes and practices.

Practical work: analyzing the information architecture of the website being developed and creating site maps (sitemap) and structure sketches (wireframe). Working with Adobe XD/Figma programs.

• Introduction to branding style. Creating a brand mood collage (moodboard).
• Sketching and creating a logo.
• Font theory and principles of typography scale development for digital interfaces. Color theory and creating a palette.
• Principles of composition. Gestalt laws of visual perception and their application in the design of digital interfaces.
• Creation, use and application of illustrations and photographs in UI design work.

Practical work: creation of guidelines for the logo and brand style of the website under development - font, color palette, illustrations and photography. Refinement of the structure sketches (wireframe).

• An overview of design systems and the challenges of developing growing digital products.
• UI component library development and UI components: icons, selectors, buttons, menus, cards, forms, filters and other elements.
• Interactive UI components and their states. Microinteractions.
• Overview of UI design styles and trends, selection of visual tools for solving user problems of the selected website.

Practical work: building a library of user interface components. Animation of the states of the UI composite component (filter, menu, card, etc.) in the Figma program.

• Practices and Tools for Transferring UI Design Files to Developers.
• Getting to know the structure and syntax of an HTML/CSS document, reading an HTML file in a WEB browser.
• Preparation of finished website design for portfolio - graphic preparation of different stages, creation of process descriptions.

Practical (final) work: preparation of WEB and mobile versions of the final website design. Creation of a design portfolio and graphic representation of the stages of the course project process in the portfolio record.

• Project development and presentation of the final project.

1. Communication skills

• Active listening
• Effective communication
• Dealing with difficult customers
• Creating a connection

2. Problem solving strategies

• Problem analysis and diagnostics
• Determination of solutions
• Troubleshooting methods
• Root cause analysis of the problem
• Latest problem solving technologies
• How to get feedback from managers
• Professional development

3. Time management and organization

• Prioritization of tasks
• Workload management
• Delegation and collaboration

4. Emotional intelligence

• Understanding and managing emotions
• Empathy and compassion
• Conflict resolution
• Stress management

5. How to learn more and faster and less
to forget

•  5 minute brain exercise
• Clear your "mental fog" with these 5
  delicious brain foods
•  Learn a powerful memory technique to
  you would never miss a meeting