Skillshare - Complete Web Design - from Figma to Webflow to Freelancing - AhLaN

1. 27. Pricing, Proposal Template, & More/172 - Selling webflow to clients.mp4359.61MB
2. 01. Getting Started/001 - Class Overview.mp477.2MB
3. 01. Getting Started/002 - What is Webflow.mp498.61MB
4. 01. Getting Started/003 - Webflow Teaser.mp451.75MB
5. 02. PART 1 - SECRETS OF GOOD DESIGN/004 - PART 1 SECRETS OF GOOD DESIGN.mp433.67MB
6. 02. PART 1 - SECRETS OF GOOD DESIGN/005 - Getting started with Figma.mp432.87MB
7. 03. Layout is King/006 - Layout is King.mp444.67MB
8. 03. Layout is King/007 - Assignment Alignment & Grid.mp443.79MB
9. 03. Layout is King/008 - Layout Importance of Visual Hierarchy.mp477.87MB
10. 03. Layout is King/009 - Assignment Visual Hierarchy.mp487.2MB
11. 03. Layout is King/010 - Layout Beware of Optical Illusions.mp425.87MB
12. 03. Layout is King/011 - Layout Proximity.mp49.55MB
13. 04. How to Use Typography Beautifully/012 - How to Use Typography Beautifully.mp432.61MB
14. 04. How to Use Typography Beautifully/013 - Typography Typeface Comes With a Personality.mp414.59MB
15. 04. How to Use Typography Beautifully/014 - Typography Typeface Categories.mp479.47MB
16. 04. How to Use Typography Beautifully/015 - Assignment Typeface Personality.mp469.88MB
17. 04. How to Use Typography Beautifully/016 - Typography Setting type.mp4100.52MB
18. 04. How to Use Typography Beautifully/017 - Assignment Setting type.mp434.63MB
19. 04. How to Use Typography Beautifully/018 - Typography Two fonts only.mp419.87MB
20. 04. How to Use Typography Beautifully/019 - Typography Where to find fonts.mp419.8MB
21. 04. How to Use Typography Beautifully/020 - Assignment Typeface Pairing.mp4136.81MB
22. 05. The Art of Color/021 - The Art of Color.mp419.34MB
23. 05. The Art of Color/022 - Colors Sampling Colors.mp429.26MB
24. 05. The Art of Color/023 - Assignment Sampling Colors.mp4252.93MB
25. 05. The Art of Color/024 - Colors Fine-tuning Colors.mp432.27MB
26. 05. The Art of Color/025 - Assignment Fine-tuning Colors.mp432.03MB
27. 05. The Art of Color/026 - Colors Color hunting.mp436.54MB
28. 05. The Art of Color/027 - Colors Brand Colors.mp431.27MB
29. 06. How to Use Photos to Create Mouthwatering Websites/028 - How to Use Photos to Create Mouthwatering Websites.mp43.57MB
30. 06. How to Use Photos to Create Mouthwatering Websites/029 - Photos Image Overlays.mp425.47MB
31. 06. How to Use Photos to Create Mouthwatering Websites/030 - Assignment Image Overlays.mp465.24MB
32. 06. How to Use Photos to Create Mouthwatering Websites/031 - Photos Cropping Techniques - Extreme Crop.mp441.27MB
33. 06. How to Use Photos to Create Mouthwatering Websites/032 - Photos Cropping Techniques - Soft Crop.mp462.22MB
34. 06. How to Use Photos to Create Mouthwatering Websites/033 - Assignment Photo Cropping.mp4148.83MB
35. 06. How to Use Photos to Create Mouthwatering Websites/034 - Photos Rule of Thirds.mp444.83MB
36. 06. How to Use Photos to Create Mouthwatering Websites/035 - Photos Unbox it!.mp431.03MB
37. 06. How to Use Photos to Create Mouthwatering Websites/036 - Photos Pick photos Like a Pro.mp451.33MB
38. 06. How to Use Photos to Create Mouthwatering Websites/037 - Photos Where to Find Photos.mp457.48MB
39. 06. How to Use Photos to Create Mouthwatering Websites/038 - Assignment Finding Photos.mp4129.77MB
40. 07. 6 Design Tricks Every Designer Should Know/039 - 6 Design Tricks Every Designer Should Know.mp46.7MB
41. 07. 6 Design Tricks Every Designer Should Know/040 - Design Trick Contrast.mp424.78MB
42. 07. 6 Design Tricks Every Designer Should Know/041 - Design Trick White Space.mp465.48MB
43. 07. 6 Design Tricks Every Designer Should Know/042 - Design Trick Repetition.mp449.44MB
44. 07. 6 Design Tricks Every Designer Should Know/043 - Design Trick Overlapping.mp411.85MB
45. 07. 6 Design Tricks Every Designer Should Know/044 - Assignment Overlapping.mp43.69MB
46. 07. 6 Design Tricks Every Designer Should Know/045 - Design Trick Tension.mp440.07MB
47. 07. 6 Design Tricks Every Designer Should Know/046 - Assignment Tension.mp419.46MB
48. 07. 6 Design Tricks Every Designer Should Know/047 - Design Trick Consistency.mp463.11MB
49. 08. PART 2 - PRACTICE DESIGN LIKE AN ARTIST/048 - PART 2 PRACTICE DESIGN LIKE A PRO.mp44.79MB
50. 09. Practice by Mimicking Pros/049 - The Mimic Method.mp467.21MB
51. 09. Practice by Mimicking Pros/050 - The Biggest secret of designers - Inspiration.mp4147.52MB
52. 09. Practice by Mimicking Pros/051 - Assignment Mood Board.mp4147.08MB
53. 09. Practice by Mimicking Pros/052 - Assignment Figma Homepage Design.mp461.02MB
54. 10. Designing Your First Beautiful Web Page/053 - Chat App homepage design Part 1.mp448.95MB
55. 10. Designing Your First Beautiful Web Page/054 - Chat App homepage design Part 2.mp4169.97MB
56. 10. Designing Your First Beautiful Web Page/055 - Chat App homepage design Part 3.mp485.52MB
57. 10. Designing Your First Beautiful Web Page/056 - Chat App homepage design Part 4.mp4199.67MB
58. 11. PART 3 - WEB DEVELOPMENT (WEBFLOW)/057 - PART 3 WEB DEVELOPMENT (WEBFLOW).mp46.95MB
59. 12. How Web Pages Work/058 - Web Basics Webflow designer.mp417.93MB
60. 12. How Web Pages Work/059 - Web Basics HTML and CSS.mp442.17MB
61. 12. How Web Pages Work/060 - Web Basics The Box model.mp46.07MB
62. 12. How Web Pages Work/061 - Webflow Element Hierarchy.mp417.56MB
63. 13. Building Your First Web Page/062 - Webflow Webpage Building Blocks.mp425.77MB
64. 13. Building Your First Web Page/063 - Webflow Size Settings.mp490.85MB
65. 13. Building Your First Web Page/064 - Webflow Padding & Margins.mp488.28MB
66. 13. Building Your First Web Page/065 - Webflow Web Typography.mp429.5MB
67. 13. Building Your First Web Page/066 - Webflow Buttons & Links.mp423.58MB
68. 13. Building Your First Web Page/067 - Webflow CSS Classes.mp427.84MB
69. 13. Building Your First Web Page/068 - Webflow Images.mp431.49MB
70. 13. Building Your First Web Page/069 - Webflow Float & Display.mp448.81MB
71. 13. Building Your First Web Page/070 - Webflow Flexbox.mp466.52MB
72. 13. Building Your First Web Page/071 - Webflow Navbar (Chat App).mp454.69MB
73. 13. Building Your First Web Page/072 - Webflow Hover.mp440.13MB
74. 13. Building Your First Web Page/073 - Webflow Middle Section.mp459.52MB
75. 13. Building Your First Web Page/074 - Webflow HTML tags.mp452.01MB
76. 13. Building Your First Web Page/075 - Webflow Combo classes.mp486.15MB
77. 13. Building Your First Web Page/076 - Webflow CTA section.mp469.7MB
78. 13. Building Your First Web Page/077 - Webflow Footer (Chat App).mp4150.43MB
79. 14. Responsive Web Design - Beautiful on Any Device/078 - Intro to Responsive Web Design.mp460.56MB
80. 14. Responsive Web Design - Beautiful on Any Device/079 - Responsive Hero Section - Tablet.mp418.12MB
81. 14. Responsive Web Design - Beautiful on Any Device/080 - Responsive Hero Section - Mobile 1.mp435.37MB
82. 14. Responsive Web Design - Beautiful on Any Device/081 - Responsive Hero Section - Mobile 2.mp414.15MB
83. 14. Responsive Web Design - Beautiful on Any Device/082 - Responsive Nav Menu.mp447.58MB
84. 14. Responsive Web Design - Beautiful on Any Device/083 - Responsive Overflow.mp432.22MB
85. 14. Responsive Web Design - Beautiful on Any Device/084 - Responsive CTA section.mp429.13MB
86. 14. Responsive Web Design - Beautiful on Any Device/085 - Responsive Footer.mp473.56MB
87. 15. Going Live - Launching Your First Web Page/086 - Going Live SEO.mp450.11MB
88. 15. Going Live - Launching Your First Web Page/087 - Going Live Publishing.mp435.78MB
89. 15. Going Live - Launching Your First Web Page/088 - Going Live Editor.mp456.39MB
90. 16. PART 4 - CLIENT PROJECT FROM START TO FINISH/089 - PART 4 CLIENT PROJECT FROM START TO FINISH.mp425.59MB
91. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/090 - Client Project Good Design Process.mp4119.17MB
92. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/091 - Client Project Project brief.mp473.52MB
93. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/092 - Client Project Moodboard.mp469.79MB
94. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/093 - Client Project Why Wireframing.mp4101.06MB
95. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/094 - Client Project Figma styles.mp415.31MB
96. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/095 - Client Project Figma components.mp428.03MB
97. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/096 - Client Project Wireframe kit.mp440.26MB
98. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/097 - Client Project Wireframes - Homepage Part 1.mp4159.15MB
99. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/098 - Client Project Wireframes - Homepage Part 2.mp480.56MB
100. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/099 - Client Project Wireframes Post Page.mp486.52MB
101. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/100 - Client Project Wireframes - Blog.mp435.88MB
102. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/101 - Client Project Homepage Design Part 1.mp4207.14MB
103. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/102 - Client Project Homepage Design Part 2.mp4175.18MB
104. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/103 - Client Project Homepage Design Part 3.mp473.46MB
105. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/104 - Client Project Blog Post Design.mp440.69MB
106. 17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/105 - Client Project Blog Design.mp484.61MB
107. 18. Development - From Designs to Functional Website/106 - Webflow Development 2.mp414.07MB
108. 18. Development - From Designs to Functional Website/107 - Webflow 2 Background styles.mp469.65MB
109. 18. Development - From Designs to Functional Website/108 - Webflow 2 Navbar (Team App).mp468.24MB
110. 18. Development - From Designs to Functional Website/109 - Webflow 2 Hero content.mp477.2MB
111. 18. Development - From Designs to Functional Website/110 - Webflow 2 Forms.mp4203.87MB
112. 18. Development - From Designs to Functional Website/111 - Webflow 2 Mockup section 1.mp489.91MB
113. 18. Development - From Designs to Functional Website/112 - Webflow 2 Mockup section 2.mp429.12MB
114. 18. Development - From Designs to Functional Website/113 - Webflow 2 Photo sections.mp427.72MB
115. 18. Development - From Designs to Functional Website/114 - Webflow 2 Slider Component.mp434.95MB
116. 18. Development - From Designs to Functional Website/115 - Webflow 2 Testimonial slider.mp477.21MB
117. 18. Development - From Designs to Functional Website/116 - Webflow 2 Positioning.mp434.65MB
118. 18. Development - From Designs to Functional Website/117 - Webflow 2 Slider arrows.mp431.7MB
119. 18. Development - From Designs to Functional Website/118 - Webflow 2 Footer (Team App).mp457.51MB
120. 18. Development - From Designs to Functional Website/119 - Webflow 2 Footer form.mp446.2MB
121. 19. Interactions - Breathing Life Into Your Website/120 - Interactions Breathing Life Into Your Website.mp411.21MB
122. 19. Interactions - Breathing Life Into Your Website/121 - Interactions Card interaction.mp473.05MB
123. 19. Interactions - Breathing Life Into Your Website/122 - Interactions Arrow interaction 1.mp423.33MB
124. 19. Interactions - Breathing Life Into Your Website/123 - Interactions Arrow interaction 2.mp451.35MB
125. 20. Responsive Web Design (Team App Website)/124 - Responsive Navbar (Team App).mp427.78MB
126. 20. Responsive Web Design (Team App Website)/125 - Responsive Hero section.mp462.43MB
127. 20. Responsive Web Design (Team App Website)/126 - Responsive Mockup Section.mp427.24MB
128. 20. Responsive Web Design (Team App Website)/127 - Responsive Body.mp440.72MB
129. 20. Responsive Web Design (Team App Website)/128 - Responsive Testimonial & Footer.mp442.59MB
130. 21. Blog & CMS - Going From Static to Dynamic Website/129 - Blog & CMS Going From Static to Dynamic Website.mp43.65MB
131. 21. Blog & CMS - Going From Static to Dynamic Website/130 - Blog & CMS Webflow CMS.mp427.6MB
132. 21. Blog & CMS - Going From Static to Dynamic Website/131 - Blog & CMS CMS Items.mp417.87MB
133. 21. Blog & CMS - Going From Static to Dynamic Website/132 - Blog & CMS Collection page.mp420.67MB
134. 21. Blog & CMS - Going From Static to Dynamic Website/133 - Blog & CMS Navbar & headline.mp418.57MB
135. 21. Blog & CMS - Going From Static to Dynamic Website/134 - Blog & CMS Author block.mp416.16MB
136. 21. Blog & CMS - Going From Static to Dynamic Website/135 - Blog & CMS Reference field.mp427.91MB
137. 21. Blog & CMS - Going From Static to Dynamic Website/136 - Blog & CMS Dynamic styles.mp413.54MB
138. 21. Blog & CMS - Going From Static to Dynamic Website/137 - Blog & CMS Main image.mp416.97MB
139. 21. Blog & CMS - Going From Static to Dynamic Website/138 - Blog & CMS Rich Text.mp483.74MB
140. 21. Blog & CMS - Going From Static to Dynamic Website/139 - Blog & CMS Author Block Bottom.mp425.93MB
141. 21. Blog & CMS - Going From Static to Dynamic Website/140 - Blog & CMS Symbols.mp457.08MB
142. 21. Blog & CMS - Going From Static to Dynamic Website/141 - Blog & CMS Responsive post.mp455.46MB
143. 21. Blog & CMS - Going From Static to Dynamic Website/142 - Blog & CMS Homepage.mp467.39MB
144. 21. Blog & CMS - Going From Static to Dynamic Website/143 - Blog & CMS Homepage.mp467.8MB
145. 21. Blog & CMS - Going From Static to Dynamic Website/144 - Blog & CMS Collection list.mp4105.1MB
146. 21. Blog & CMS - Going From Static to Dynamic Website/145 - Blog & CMS Pagination.mp4124.03MB
147. 21. Blog & CMS - Going From Static to Dynamic Website/146 - Blog & CMS Responsive Blog Page.mp479.68MB
148. 22. Going Live - Your Fully Functional Dynamic Website/147 - Going Live SEO & Publish.mp431.97MB
149. 22. Going Live - Your Fully Functional Dynamic Website/148 - Going Live Form submissions.mp417.04MB
150. 22. Going Live - Your Fully Functional Dynamic Website/149 - Going Live Custom domain.mp464.83MB
151. 23. PART 5 - SECRETS OF MAKING MONEY FREELANCING/150 - PART 5 FREELANCING.mp420.46MB
152. 24. Stunning Portfolio Website Made for You/151 - Portfolio website theme.mp449.73MB
153. 24. Stunning Portfolio Website Made for You/152 - Portfolio website tour.mp433.18MB
154. 24. Stunning Portfolio Website Made for You/153 - Installing portfolio website.mp4115.12MB
155. 25. Where to Find Freelance Work/154 - Finding work Online.mp4177.95MB
156. 25. Where to Find Freelance Work/155 - Finding work Studios.mp482.94MB
157. 25. Where to Find Freelance Work/156 - Finding work Networking.mp443.63MB
158. 25. Where to Find Freelance Work/157 - Finding work Conclusion.mp47.27MB
159. 26. 28 Tips to Win on Upwork/158 - Upwork Tips Overview.mp455.13MB
160. 26. 28 Tips to Win on Upwork/159 - Upwork Tips Get your profile approved.mp477.13MB
161. 26. 28 Tips to Win on Upwork/160 - Upwork Tips Profile that attracts clients.mp4102.27MB
162. 26. 28 Tips to Win on Upwork/161 - Upwork Tips Best match badge.mp418.22MB
163. 26. 28 Tips to Win on Upwork/162 - Upwork Tips Propose the right price.mp463.62MB
164. 26. 28 Tips to Win on Upwork/163 - Upwork Tips Freelancer they can't resist.mp489.13MB
165. 26. 28 Tips to Win on Upwork/164 - Upwork Tips Cover letters.mp4125.54MB
166. 26. 28 Tips to Win on Upwork/165 - Upwork Tips Don't get suspended.mp4183.89MB
167. 26. 28 Tips to Win on Upwork/166 - Upwork Tips Don't get scammed.mp447.55MB
168. 27. Pricing, Proposal Template, & More/167 - Pricing How much do you charge.mp4156.27MB
169. 27. Pricing, Proposal Template, & More/168 - Pricing Hourly vs Fixed Rate.mp494.41MB
170. 27. Pricing, Proposal Template, & More/169 - Proposal Template Fixed Rate.mp4121.52MB
171. 27. Pricing, Proposal Template, & More/170 - Proposal Template Hourly Rate.mp411.62MB
172. 27. Pricing, Proposal Template, & More/171 - Freelance contract.mp483.43MB
173. 27. Pricing, Proposal Template, & More/173 - Client billing feature.mp449.22MB
174. 28. PART 6 - ADVANCED/174 - PART 6 ADVANCED.mp426.93MB
175. 28. PART 6 - ADVANCED/175 - Webflow Custom Modal.mp4135.06MB
176. 28. PART 6 - ADVANCED/176 - Webflow Custom Code Embed.mp435.6MB
177. 28. PART 6 - ADVANCED/177 - Photoshop Stretch Crop.mp461.73MB
178. 28. PART 6 - ADVANCED/178 - Photoshop Cut Out Tutorial.mp4349.95MB
179. 28. PART 6 - ADVANCED/179 - Photoshop Stick Out Tutorial.mp452.18MB