Web design: the key to success - course 1990 rub. from Stepik, training 62 lessons, Date November 29, 2023.
Miscellaneous / / November 29, 2023
What will you learn
- Create website designs
- Create interface designs for mobile applications
- Analyze the goals and objectives of the project
- Work with Figma, Photoshop, etc.
- Work with color, fonts and images
- Design complex interfaces
- Develop E-commerce projects
- Work with photography in the web environment
- Develop design for iOS and Android
- Create cases for Behance profile
The number of sales directly depends on how the site will look, and in this regard, it has become necessary for entrepreneurs and businesses to the number of web designers who could create high-quality, convenient and beautiful website design to attract as many new people as possible clients.
In almost any business, a web designer is one of the most key figures; he can significantly increase sales and profits, which is certainly the main goal for any entrepreneur. A web designer who knows how to create beautiful and, most importantly, selling websites is very well valued in the labor market.
This course is for those new to web design.
, so we will start with the basic principles and basics of working in Figma, and then we will create 3 full-fledged sites: landing page for a furniture factory, multi-page online clothing store and landing page for Porsche 911.Let's learn to work with fonts
Fonts are one of the most important topics in web design. The behavior of users will directly depend on the font you choose for your website.
Let's understand the psychology of colors
Colors are an equally important topic for any designer, be it a graphic, product or web designer. Colors directly affect the user and can force them to take the target action.
Let's look at the basics of UI/UX design
In this course we will work more with UI - user interface, but we will not forget the topic of UX design, we will understand why a web designer needs UX and find out what types of user testing there are.
Private chat in telegram
In this chat, you can communicate with beginner web designers just like you, and most importantly, you can ask questions about the course and get a quick answer to them.
Money Back Guarantee
If suddenly you still have doubts, then you don’t have to worry, since the Stepik platform gives you the opportunity to return your money within 30 days, without any questions!
I'm waiting for you on the course!
What are you getting
- Certificate of completion of the course
- 3 full-fledged websites in the portfolio
- A profession in demand
- Opportunity to practice acquired skills
- Quick answers to your questions
- Support from a mentor
Introduction
1. Introduction and introduction to the professionDemo access
2. Link to private chat in Telegram
3. We are on social networksDemo access
4. Installing Figma and necessary plugins
Figma Basics
1. We create the first project and work with dimensions
2. Getting to know the hotkeys
3. Learning to work with fonts
4. Frame or Group, which should you choose?
5. Working with Autolayout
6. Pen tool for vector graphics
7. Grid system and guides
8. Components and Libraries
9. Text/color/effects/grid styles
10. Layer and frame effects
11. Exporting layers and frames
12. Animation in Figma
Design Basics
1. Creation of a Mood board project
2. Composition in web design
3. Modular grids and guides
4. Color theory and color wheel
5. Typography in web design
Creating the first website
1. Learning to understand technical specifications
2. Landing prototype development
3. Landing page design
4. Landing page adaptation for mobile devices
UX design
1. Why does a UX designer need it?
2. Types of UX Research
3. The target audience
4. Polls
UX workshop
1. In-depth interviews, observation and usability tests
2. Compiling CJM
Working from photos
1. Selection of photos for the project
2. Color correction of photos in Figma
3. Photo processing in Photoshop
4. Collaging for 1st screen
We create an online store
1. Principles of UX design in E-commerce
2. Analysis of the problem
3. Home page design
4. Creating a UI KIT
5. Implementation of the main page
6. Catalog page
7. Product page
8. Cart and wish list
9. Placing an order
10. Personal Area
11. Info pages and ending
Creating a landing page for Porsche
1. We analyze the technical specifications
2. Landing prototype development
3. Landing page main content design
Adaptive design
1. Responsiveness theory and brake points
2. Microinteractions and transformations
3. Landing page adaptability
4. Adaptability in E-commerce
Mobile application design
1. Mobile App Design Basics
2. Gaidlans IOS
3. Gaidlans Andorid
4. App design in Figma
Case on Behance
1. Getting to know Behance
2. Successful examples of projects
3. Structure of a good project
4. Publication of the project
The final
1. Summing up the course