Web design. UX/UI - course 66,360 rub. from Moscow Digital Academy, training, Date: November 29, 2023.
Miscellaneous / / November 30, 2023
Many of our students, who came from scratch, work in well-known digital agencies, IT companies or as freelancers around the world.
We develop your skills intensively and interestingly
We speak in simple words about complex things - without water and long boring lectures. Lectures of 15-20 minutes are easy to understand and digest. We have created unique simulators for Figma, references and UX that help you quickly master complex topics and hone practical skills. Our unique Figma simulator will help you quickly and easily master Figma.
Good feedback is the key to success
Our mentors, who are practicing designers, will help improve your projects and answer any, even the most “stupid” questions. Feedback will be available throughout the course.
Live workshops
We love meeting our students, so we organize live workshops for you, practice together and make new digital acquaintances. At workshops, we create an atmosphere similar to working in a studio in order to immerse children in the process of creating a design and defending a project as a team.
Community chat and support 19/7
Join the design community from the first days of your studies. In chats, students share their work and useful resources, and the academy curators promptly answer any questions.
If you are already a designer, have your own portfolio and want to receive comments about it, send a link to your portfolio - we will analyze your work, outline a career path and tell you how you can improve.
Portfolio analysis and tips for improving it
The lead designer and the MDA team will analyze your portfolio and tell you what skills you should improve and where to move next. We’ll also help you write a great cover letter for your dream company. You can choose a convenient feedback format – video call or correspondence via social networks.
Chat with vacancies
We post vacancies from partner companies, our graduates, and simply cool vacancies for juniors and mids in design. Don’t forget about freelance projects: in our chat you can find both your main job and part-time work.
Partner companies
We recommend talented graduates for work in partner companies, as well as for internships at YClients.
Video in your personal account
The course contains a whole section about employment: advice on which resources to look for a job and what it is better not to do when applying for a vacancy.
Received an architectural education at NNGASU.
He has worked with brands: Shell, Sibur, ROSNO Allianz, Radisson, Muz-TV, AlfaStrakhovanie, MAX insurance group, VSK insurance company, S7 and other well-known companies.
Illustrations for the magazines “Snob”, “Gaming” and others.
Key competencies:
- designing interfaces and layouts of web projects,
- adaptive design,
- presentation of web projects for clients,
- development of illustrations for web projects.
Introduction to design. Practice and tools
— Area of responsibility of the designer.
— How to develop a designer in yourself.
— How and where to get inspired?
— The design creation process.
Mastering the Figma program. Practice
— Getting to know Figma
— Basic tools
— Figma simulator
— Animation in Figma
— Create an interactive layout in Figma + use GIF
— Styles in Figma
— Autolayout (theory). PRO.
— Autolayout (practice). PRO.
- Components. PRO.
— Variants. PRO.
— FigJam
— Plugins
Modular grid and composition
— What is a modular grid?
— How to design a modular grid
— What is composition, how is it structured?
— Color, color matching, color theory
— Working with content
— Arrangement of elements on the site
— Neuroaesthetics
— Modular grid. PRO.
- DZ-1. Drawing a portfolio website
Typography
— Mood, font classification
— Anatomy of a font: kerning, tracking, leading
— Editing: hyphen, dash, quotation marks, dangling conjunctions
— Services, commercial and non-commercial fonts, font charging, prices.
— Text layout
— Font pairs
— What fonts to use
— Errors in typography.
Working with references
— Working with references. 1 part.
— Working with references. PRO.
— Reference trainer
Project development stages
- Study
— Structure, prototype and layout
— Technical production
- DZ-2. Redesign of a bar website/interior designer website (to choose from)
Technical features of projects
— How does a site get on the Internet?
— What is frontend. How does the code work?
— What is a backend?
— Domain and hosting.
— How to submit a layout for development? What needs to be attached, in what format and why?
UX and analytics
— What is UX. What does it consist of?
— Information architecture. Hierarchy.
— Interaction design
— Visual design
— Usability testing
— UX analytics
— Custom scripts
— Person method
— Mind-map
— Prototyping
— Levels according to James Garrett.
— UX patterns
— What is a design system?
— Design system. Practice
— Analysis of errors in visual design
— Principle of 4 questions
— Complex detailed prototypes
— DZ-3
— DZ-4
— Customer Journey Map (CJM)
— UX/UI trainer (beta)
— Why do we need UX research?
— Quantitative research. Polls.
— Tools for creating surveys.
— Qualitative research. Interview.
— Usability testing. PRO.
— Hypotheses.
— User Story / Jobs To Be Done
— Homework on UX research
Adaptive design
— What is responsive design
— How permissions work
— Types of layout
— Collecting adaptive (new)
Project protection
— Preparation for defense
— Project defense to the customer
— Estimating
— Project protection from Grisha Kochenov
- DZ-5. Drawing a website
Personal brand
— Freelancing and fulltime
— Basic formats of work for designers.
— What do employers want to see?
— Where to look for a job as a web designer
— Cover letters
— How to pass interviews
— Successful cases
- DZ-6. Graduate work
Animation
— Micro-animation
— Macro animation
— Animation of the first screen
— Animation in ProtoPie
— Animation in Principle
— Animation in Adobe After Effects
- Spline 3D
— Interfaces of the future. Grisha Kochenov
Registration of works
— Portfolio design. How to create a project case. What does the case consist of?
— Analysis of examples of student cases
— How to insert your layout into a mockup. Part 1
— Working with mockup. Part 2
— Case design on Behance in Figma
— How to post your case on Behance
— Behance and MDA tag
Tilde
— Getting to know Tilda
— Registration and interface
— Site settings and page settings
— Standard blocks
— Zero-block, interface
— Zero-block, working with text
— Zero-block, working with images
— Zero-block, shapes
— Zero block, working with buttons
— Zero block, additional tools
— Safe layout on Tilda, Grid container
— Home screen settings
— Autoscale
— Indents in Tilde
— Mobile adaptation
— Animation templates from Varfolomeev
— Online store
— Online store. PRO
— News and streams
- Personal Area
— Layout in Figma, Grid container
— Layout in Figma, Window container
— Layout in Figma, autoscale
— Auto-transfer of layout from Figma
— Modifications
— DZ according to Tilda
Photoshop
A few lessons to help you understand the basic tools that web designers will need
UX copywriting
UX copywriting, how it differs from regular copywriting, examples are considered.
Branding
- What is a brand? Brand components.
— Brandbook
— Positioning, brand platform
— Drawing a logo in Figma
Library
Books for web designers