Udemy - Complete Web Design From Figma to Webflow to Freelancing

1. 01. Getting Started/1. What is Webflow.mp4132.69MB
2. 01. Getting Started/3. Webflow Teaser.mp444.44MB
3. 02. PART 1 SECRETS OF GOOD DESIGN/1. Intro to Good Design.mp456.42MB
4. 02. PART 1 SECRETS OF GOOD DESIGN/2. Getting started with Figma.mp451.29MB
5. 03. Layout is King/1. It All Starts With Alignment & Grid.mp473.11MB
6. 03. Layout is King/2. Practice Alignment & Grid.mp446.05MB
7. 03. Layout is King/5. Importance of Visual Hierarchy.mp464.83MB
8. 03. Layout is King/6. Practice Visual Hierarchy.mp472.57MB
9. 03. Layout is King/9. Beware of Optical Illusions.mp421.17MB
10. 03. Layout is King/10. Proximity.mp411.65MB
11. 04. How to Use Typography Beautifully/1. Intro to Typography.mp417.56MB
12. 04. How to Use Typography Beautifully/2. Typeface Comes With a Personality.mp413.71MB
13. 04. How to Use Typography Beautifully/3. Typeface Categories.mp443.61MB
14. 04. How to Use Typography Beautifully/4. Practice Typeface Personality.mp445.5MB
15. 04. How to Use Typography Beautifully/6. Setting type.mp453.82MB
16. 04. How to Use Typography Beautifully/7. Practice Setting type.mp448.88MB
17. 04. How to Use Typography Beautifully/9. Two fonts only.mp421.58MB
18. 04. How to Use Typography Beautifully/10. Where to Find Fonts.mp446.25MB
19. 04. How to Use Typography Beautifully/11. Practice Typeface Pairing.mp467.76MB
20. 05. The Art of Color/1. Intro to Colors.mp414.84MB
21. 05. The Art of Color/2. Sampling Colors.mp425.89MB
22. 05. The Art of Color/3. Practice Sampling Colors.mp4128.98MB
23. 05. The Art of Color/5. Fine-tuning Colors.mp422.76MB
24. 05. The Art of Color/6. Practice Fine-tuning Colors.mp424.15MB
25. 05. The Art of Color/8. Color Hunting.mp436.17MB
26. 05. The Art of Color/9. Brand Colors.mp446.44MB
27. 06. How to Use Photos to Create Mouthwatering Websites/1. Intro to Photos.mp46.61MB
28. 06. How to Use Photos to Create Mouthwatering Websites/2. Image Overlays.mp429.58MB
29. 06. How to Use Photos to Create Mouthwatering Websites/3. Practice Image Overlays.mp469.72MB
30. 06. How to Use Photos to Create Mouthwatering Websites/5. Photo Cropping Techniques - Extreme Crop.mp429.02MB
31. 06. How to Use Photos to Create Mouthwatering Websites/6. Photo Cropping Techniques - Soft Crop.mp438.85MB
32. 06. How to Use Photos to Create Mouthwatering Websites/7. Practice Photo Cropping.mp4108.42MB
33. 06. How to Use Photos to Create Mouthwatering Websites/9. Rule of Thirds.mp433.91MB
34. 06. How to Use Photos to Create Mouthwatering Websites/10. Unbox it!.mp443.46MB
35. 06. How to Use Photos to Create Mouthwatering Websites/11. Pick Photos Like a Pro.mp454.76MB
36. 06. How to Use Photos to Create Mouthwatering Websites/12. Where to Find Photos.mp462.62MB
37. 06. How to Use Photos to Create Mouthwatering Websites/13. Practice Finding Photos.mp454.55MB
38. 07. 6 Design Tricks Every Designer Should Know/1. Intro to Design Tricks.mp49.16MB
39. 07. 6 Design Tricks Every Designer Should Know/2. Contrast.mp424.16MB
40. 07. 6 Design Tricks Every Designer Should Know/3. White Space.mp448.67MB
41. 07. 6 Design Tricks Every Designer Should Know/4. Repetition.mp434.04MB
42. 07. 6 Design Tricks Every Designer Should Know/5. Overlapping.mp419.63MB
43. 07. 6 Design Tricks Every Designer Should Know/6. Practice Overlapping.mp43.25MB
44. 07. 6 Design Tricks Every Designer Should Know/8. Tension.mp422.17MB
45. 07. 6 Design Tricks Every Designer Should Know/9. Practice Tension.mp433.93MB
46. 07. 6 Design Tricks Every Designer Should Know/11. Consistency.mp447.16MB
47. 08. PART 2 PRACTICE DESIGN LIKE AN ARTIST/1. Intro to Design Practice.mp46.92MB
48. 09. Practice by Mimicking Pros/1. Mimic Method.mp499.91MB
49. 09. Practice by Mimicking Pros/2. The Biggest secret of GREAT DESIGNERS Inspiration.mp475.81MB
50. 09. Practice by Mimicking Pros/3. Practice Mood Board.mp469.63MB
51. 09. Practice by Mimicking Pros/5. Practice Figma Homepage Design.mp456.28MB
52. 10. Designing Your First Beautiful Web Page/1. Chat App homepage design Part 1.mp469.66MB
53. 10. Designing Your First Beautiful Web Page/2. Chat App homepage design Part 2.mp4108.26MB
54. 10. Designing Your First Beautiful Web Page/3. Chat App homepage design Part 3.mp495.09MB
55. 10. Designing Your First Beautiful Web Page/4. Chat App homepage design Part 4.mp494.7MB
56. 11. PART 3 WEB DEVELOPMENT (WEBFLOW)/1. Intro to Webflow Development.mp48.93MB
57. 12. How Web Pages Work/1. Webflow Designer Intro.mp414.63MB
58. 12. How Web Pages Work/2. HTML & CSS.mp434MB
59. 12. How Web Pages Work/3. The Box Model.mp45.9MB
60. 12. How Web Pages Work/4. Element Hierarchy.mp418.1MB
61. 13. Building Your First Web Page/1. Section & Div Block.mp418.68MB
62. 13. Building Your First Web Page/3. Size Settings.mp457.33MB
63. 13. Building Your First Web Page/5. Padding & Margins.mp464.45MB
64. 13. Building Your First Web Page/7. Web Typography.mp431.23MB
65. 13. Building Your First Web Page/9. Buttons and Links.mp422.48MB
66. 13. Building Your First Web Page/10. CSS Classes.mp425.46MB
67. 13. Building Your First Web Page/11. Images.mp436.25MB
68. 13. Building Your First Web Page/12. Float, Columns, Display.mp459.77MB
69. 13. Building Your First Web Page/13. Flexbox.mp450.65MB
70. 13. Building Your First Web Page/15. Navbar (Chat App).mp473MB
71. 13. Building Your First Web Page/16. Hover.mp453.86MB
72. 13. Building Your First Web Page/17. Middle Section (Chat App).mp462.7MB
73. 13. Building Your First Web Page/18. HTML Tags.mp472.12MB
74. 13. Building Your First Web Page/19. Combo Classes.mp454.4MB
75. 13. Building Your First Web Page/20. CTA Section (Chat App).mp4133.7MB
76. 13. Building Your First Web Page/21. Footer (Chat App).mp4107.27MB
77. 14. Responsive Web Design Beautiful on Any Device/1. Intro to Responsive Web Design.mp442.03MB
78. 14. Responsive Web Design Beautiful on Any Device/2. Responsive Hero Section - Tablet.mp422.62MB
79. 14. Responsive Web Design Beautiful on Any Device/3. Responsive Hero Section - Mobile 1.mp432.13MB
80. 14. Responsive Web Design Beautiful on Any Device/4. Responsive Hero Section - Mobile 2.mp417.09MB
81. 14. Responsive Web Design Beautiful on Any Device/5. Responsive Nav Menu (Chat App).mp451.1MB
82. 14. Responsive Web Design Beautiful on Any Device/6. Responsive Overflow.mp437.07MB
83. 14. Responsive Web Design Beautiful on Any Device/7. Responsive CTA Section (Chat App).mp436.22MB
84. 14. Responsive Web Design Beautiful on Any Device/8. Responsive Footer (Chat App).mp459.79MB
85. 15. Going Live Launching Your First Web Page/1. Going Live SEO (Chat App).mp441.66MB
86. 15. Going Live Launching Your First Web Page/2. Going Live Publishing (Chat App).mp444.32MB
87. 15. Going Live Launching Your First Web Page/3. Webflow Editor.mp431.94MB
88. 16. PART 4 CLIENT PROJECT FROM START TO FINISH/1. Intro to Client Project.mp434.48MB
89. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/1. Good Design Process.mp4161.54MB
90. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/2. Project Brief.mp485.11MB
91. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/3. Mood Board.mp452.59MB
92. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/4. Why Wireframing.mp4129.03MB
93. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/5. Figma Styles.mp415.61MB
94. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/6. Figma Components.mp419.2MB
95. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/7. Wireframe Kit.mp439.94MB
96. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/8. Wireframes – Homepage Part 1.mp4135.84MB
97. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/9. Wireframes – Homepage Part 2.mp475.87MB
98. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/10. Wireframes – Post Page.mp464.44MB
99. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/11. Wireframes – Blog.mp440.03MB
100. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/13. Team App Homepage Design Part 1.mp4147.86MB
101. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/14. Team App Homepage Design Part 2.mp4159.56MB
102. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/15. Team App Homepage Design Part 3.mp486.95MB
103. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/16. Team App Blog Post Design.mp439.04MB
104. 17. Nail the Designs Project Brief, Mood Board, Wireframes, Design/17. Team App Blog Design.mp4140.9MB
105. 18. Development From Designs to Functional Website/1. Intro.mp422.99MB
106. 18. Development From Designs to Functional Website/2. Background Styles.mp486.13MB
107. 18. Development From Designs to Functional Website/4. Navbar (Team App).mp4114.8MB
108. 18. Development From Designs to Functional Website/5. Hero Content (Team App).mp496.29MB
109. 18. Development From Designs to Functional Website/6. Forms.mp4162.98MB
110. 18. Development From Designs to Functional Website/7. Mockup Section – Part 1 (Team App).mp4141.06MB
111. 18. Development From Designs to Functional Website/8. Mockup Section – Part 2 (Team App).mp442.93MB
112. 18. Development From Designs to Functional Website/9. Photo Sections (Team App).mp444.23MB
113. 18. Development From Designs to Functional Website/10. Slider Component.mp433.94MB
114. 18. Development From Designs to Functional Website/11. Testimonial Slider (Team App).mp495.14MB
115. 18. Development From Designs to Functional Website/12. Positioning.mp435.94MB
116. 18. Development From Designs to Functional Website/13. Slider Arrows.mp440.99MB
117. 18. Development From Designs to Functional Website/14. Footer (Team App).mp458.02MB
118. 18. Development From Designs to Functional Website/15. Footer Form (Team App).mp462.44MB
119. 19. Interactions Breathing Life Into Your Website/1. Interactions Intro.mp418.66MB
120. 19. Interactions Breathing Life Into Your Website/2. Card Interaction.mp4122.44MB
121. 19. Interactions Breathing Life Into Your Website/3. Arrow Interaction – Part 1.mp420.92MB
122. 19. Interactions Breathing Life Into Your Website/4. Arrow Interaction – Part 2.mp461.82MB
123. 20. Responsive Web Design (Team App Website)/1. Responsive Navbar (Team App).mp444.06MB
124. 20. Responsive Web Design (Team App Website)/2. Responsive Hero (Team App).mp439.56MB
125. 20. Responsive Web Design (Team App Website)/3. Responsive Mockup Section (Team App).mp440.13MB
126. 20. Responsive Web Design (Team App Website)/4. Responsive Body (Team App).mp456.74MB
127. 20. Responsive Web Design (Team App Website)/5. Responsive Testimonials & Footer (Team App).mp437.51MB
128. 21. Blog & CMS Going From Static to Dynamic Website/1. CMS & Dynamic Content.mp44.66MB
129. 21. Blog & CMS Going From Static to Dynamic Website/2. Webflow CMS.mp431.73MB
130. 21. Blog & CMS Going From Static to Dynamic Website/3. CMS Items.mp422.92MB
131. 21. Blog & CMS Going From Static to Dynamic Website/4. Collection Page.mp426.14MB
132. 21. Blog & CMS Going From Static to Dynamic Website/5. Blog Navbar & Headline.mp429.18MB
133. 21. Blog & CMS Going From Static to Dynamic Website/6. Blog Author & Date Block.mp420.27MB
134. 21. Blog & CMS Going From Static to Dynamic Website/7. Reference Field.mp423.93MB
135. 21. Blog & CMS Going From Static to Dynamic Website/8. Dynamic Styles.mp413.29MB
136. 21. Blog & CMS Going From Static to Dynamic Website/9. Blog Main Image.mp426.63MB
137. 21. Blog & CMS Going From Static to Dynamic Website/10. Rich Text.mp4133.63MB
138. 21. Blog & CMS Going From Static to Dynamic Website/11. Blog Author Block Bottom.mp437.1MB
139. 21. Blog & CMS Going From Static to Dynamic Website/12. Symbols.mp461.86MB
140. 21. Blog & CMS Going From Static to Dynamic Website/13. Blog Responsive Post Page.mp443.93MB
141. 21. Blog & CMS Going From Static to Dynamic Website/14. Blog Homepage.mp482.3MB
142. 21. Blog & CMS Going From Static to Dynamic Website/15. Collection List.mp4107.05MB
143. 21. Blog & CMS Going From Static to Dynamic Website/17. Pagination.mp486.14MB
144. 21. Blog & CMS Going From Static to Dynamic Website/18. Blog Responsive Homepage.mp449.2MB
145. 22. Going Live Your Fully Functional Dynamic Website/1. SEO & Publish (Team App).mp459.76MB
146. 22. Going Live Your Fully Functional Dynamic Website/2. Form Submissions.mp424.72MB
147. 22. Going Live Your Fully Functional Dynamic Website/3. Custom Domain.mp460.77MB
148. 23. PART 5 SECRETS OF MAKING MONEY FREELANCING/1. Intro to Freelancing.mp430.81MB
149. 24. Stunning Portfolio Website Made for You/1. Portfolio Website.mp491.88MB
150. 24. Stunning Portfolio Website Made for You/2. Portfolio Website Tour.mp436.82MB
151. 24. Stunning Portfolio Website Made for You/3. Installing Portfolio Website.mp476.29MB
152. 25. Where to Find Freelance Work/1. Finding work – Online.mp4149.19MB
153. 25. Where to Find Freelance Work/2. Finding work – Studios.mp4144.85MB
154. 25. Where to Find Freelance Work/3. Finding work – Networking.mp469.22MB
155. 25. Where to Find Freelance Work/4. Finding work – Conclusion.mp411.54MB
156. 26. 28 Tips to Win on Upwork/1. Upwork Overview.mp439.99MB
157. 26. 28 Tips to Win on Upwork/2. Tips 1-3 Getting your profile approved.mp489.6MB
158. 26. 28 Tips to Win on Upwork/3. Tips 4-9 Create a profile that attracts clients.mp498.27MB
159. 26. 28 Tips to Win on Upwork/4. Tips 10-12 Get the best match badge.mp411.99MB
160. 26. 28 Tips to Win on Upwork/5. Tips 13-14 Propose the right price.mp484.15MB
161. 26. 28 Tips to Win on Upwork/6. Tips 15-16 Be the freelancer they can't resist.mp4134.63MB
162. 26. 28 Tips to Win on Upwork/7. Tips 17-22 Write damn good cover letters.mp4123.8MB
163. 26. 28 Tips to Win on Upwork/8. Tips 23-25 Don't get yourself suspended.mp4120.46MB
164. 26. 28 Tips to Win on Upwork/9. Tips 26-28 Don't get scammed.mp465.26MB
165. 27. Pricing, Proposal Template, & More/1. Pricing How much do you charge.mp4204.85MB
166. 27. Pricing, Proposal Template, & More/2. Pricing Hourly vs Fixed Rate.mp446.61MB
167. 27. Pricing, Proposal Template, & More/3. Proposal Template Fixed Rate.mp4104.14MB
168. 27. Pricing, Proposal Template, & More/4. Proposal Template Hourly Rate.mp413.14MB
169. 27. Pricing, Proposal Template, & More/5. Freelance Contract.mp4119.05MB
170. 27. Pricing, Proposal Template, & More/6. Selling Webflow to Clients.mp4213.03MB
171. 27. Pricing, Proposal Template, & More/7. Client Billing Feature.mp458.93MB
172. 28. PART 6 ADVANCED/1. Intro to Advanced.mp440.47MB
173. 28. PART 6 ADVANCED/2. Webflow Custom Modal (Pop-Up).mp4166.17MB
174. 28. PART 6 ADVANCED/3. Webflow Custom Code Embed - Commenting Plugin (Needs a Paid Plan).mp448.86MB
175. 28. PART 6 ADVANCED/4. Photoshop How To Create a Stretch Crop.mp471.72MB
176. 28. PART 6 ADVANCED/5. Photoshop How to Cut Out an Image.mp4171.93MB
177. 28. PART 6 ADVANCED/6. Photoshop Stick Out Tutorial.mp477.24MB