About This Course
Course Curriculum
-
0.1 Promo-Workflow00:03:00
-
0.2 What we will cover in this course00:03:00
-
1.1 Skills-and-apps-you-need-to-take-this-course auto generated00:02:00
-
1.2. Photoshop Extensions We Need00:07:00
-
2.1 How To Organize A Design Project00:05:00
-
2.2 Client’s Sketches00:04:00
-
2.2 Naming Psd layers and Groups00:06:00
-
2.3.Naming Conventions To Help Developers00:03:00
-
3.1 Design Briefs00:10:00
-
3.3 Getting More Info On Project00:05:00
-
3.4 Content Template For Gathering Information00:03:00
-
4.1 Mood boards00:06:00
-
4.2 Ideation Phase00:05:00
-
4.3 Introduction To Balsamiq00:10:00
-
4.4 Desining Wireframes Part 100:08:00
-
4.5 Desining Wireframes Part 200:14:00
-
4.6 Atomic Design00:08:00
-
4.7 8pt Grid00:09:00
-
5.1 Typeface And Color Combinations00:04:00
-
5.2 Ui Style Guides00:07:00
-
5.3 Examples Of Ui Style Guides00:03:00
-
5.4 How I Created My Style Guide00:07:00
-
5.5 Style Guide-Type Scale Explained00:03:00
-
5.6 Style Guide-Assignment00:01:00
-
6.1 Online Tools For Grid Calculations00:13:00
-
6.2 Planning Your Grid00:05:00
-
6.3 White Space Plan00:06:00
-
6.4 Setting Up Artboard For Desktop Design00:07:00
-
6.5 Designing Header And Hero Part 100:12:00
-
6.6 Designing Header And Hero Part 200:09:00
-
6.7 Designing Steps Area Part 100:10:00
-
6.8 Designing Step Area Part 200:09:00
-
6.9. User Reviews Area Design00:09:00
-
6.10 Adjusting White Space And Vertical Rhythem00:06:00
-
6.11 Desining Team Part 100:11:00
-
6.12 Desining Team Part 200:07:00
-
6.13 Footer Design Part 100:08:00
-
6.14 Footer Design Part 200:11:00
-
7.1 Responsive Design Considerations Part 100:06:00
-
7.2 Responsive Design Considerations Part 200:06:00
-
7.3.Establishing Grid For Tablets00:07:00
-
7.4.Header Area For Tablet View00:11:00
-
7.5.Section how it work – steps00:10:00
-
7.6.Section team Tablet View00:09:00
-
7.7 footer Design00:09:00
-
8.1.mobile Artboard And Grids00:04:00
-
8.2.header Mobile View00:11:00
-
8.3.steps Section-mobile00:09:00
-
8.4.section 2 Team Members For Mobile00:09:00
-
8.5.footer And Final Adjustments00:08:00
-
9.1.what Developes Needs To Know00:05:00
-
9.2.Red Line Document with Ink 100:10:00
-
9.3.Red Line Document with Ink 200:06:00
-
9.4.which layer styles you can use photoshop00:08:00
-
9.5.installing Using Zeplin00:10:00
-
9.6.style Guides With Zeplin00:14:00
-
9.7.tools-zeplin-avocode-100:04:00
-
9.8.avocode And Sympli00:06:00
-
10.1. What Are Prototypes00:04:00
-
10.2.getting Familiar With Invision App For Prototyping00:07:00
-
10.3.creating First Prototype With Invision App00:06:00
-
11.1 using iconmoon app to create custom icon fonts set00:08:00
-
11.2 Using SVG in Web design00:11:00
-
Course Outline00:02:00
-
Website Online Hosting00:10:00
-
Installing wordpress00:03:00
-
Installing wordpress theme ocean wp & elementor page builder00:02:00
-
Creating website pages & menu00:07:00
-
Quick tour in Elementor00:04:00
-
Creative Art directions & layout inspirations for web design00:08:00
-
Familiarize with Elementor ( Sections )00:16:00
-
Familiarize with Elementor ( widgets ) & Desiging them00:04:00
-
Brain storming & Tips for fast workflow with elementor00:10:00
-
WordPress website header design & banner ( part 1 )00:17:00
-
WordPress website header design & banner ( part 2 )00:13:00
-
WordPress website header design & banner ( part 3 )00:08:00
-
Features Section Design00:09:00
-
Png Section Design00:04:00
-
Email opt-in section00:11:00
-
Testmonials section design00:12:00
-
Image carousel section (slider) design00:10:00
-
WordPress Website Footer Design00:13:00
-
WordPress Customizer tour & website logo00:18:00
-
Finalizing our home page & design hints00:05:00
-
About Us page Design ( part1 )00:17:00
-
About Us page Design ( part2 )00:18:00
-
About Us page Design ( part3 )00:12:00
-
Contact Us page & Blog Page Creation00:23:00
-
Creating WordPress Blog & Posting with Elementor00:21:00
-
WordPress Mobile & Tablet Responsive Website00:21:00
-
Publishing wordpress website & creating maintance & coming soon pages00:09:00
-
Free plugins to Mimic the Elementor pro00:14:00
-
Exporting & Importing Elementor pages00:05:00
-
installing woocommerce plugin ( Ecommerce Section )00:06:00
-
Making the first product (simple product)00:09:00
-
Making Variable products00:09:00
-
Up sells & cross sells Products00:04:00
-
Discount coupons00:06:00
-
Designing ecommerce store with elementor00:14:00
-
Converting WordPress Website to https00:04:00
-
Google Analytics & webmaster tool (SEO ranking)00:10:00
-
Speeding up our wordpress website00:13:00
-
Optimizing images & creative images Art directions00:11:00
-
Understanding subdomains00:06:00
-
Website official email (domain email & device setup)00:05:00
-
Site back up & site lock trust seal English00:09:00
-
Order Your Certificate
-
Assignment – Web Design and WordPress Training10:43:00