Skillshare Complete Web Design from Figma to Webflow to Freelancing AhLaN

Skillshare Complete Web Design from Figma to Webflow to Freelancing AhLaN

Name	Skillshare - Complete Web Design - from Figma to Webflow to Freelancing - [AhLaN]	DOWNLOAD Copy Link
Total Size	11.9 GB
Total Files	190
Last Seen	2024-07-22 23:55
Hash	26ABC65F8A57D7ACD21A0BA2F9CC5276B7581B24

/27. Pricing, Proposal Template, & More/
172 - Selling webflow to clients.mp4	377.1 MB
167 - Pricing How much do you charge.mp4	163.9 MB
168 - Pricing Hourly vs Fixed Rate.mp4	99.0 MB
169 - Proposal Template Fixed Rate.mp4	127.4 MB
170 - Proposal Template Hourly Rate.mp4	12.2 MB
171 - Freelance contract.mp4	87.5 MB
173 - Client billing feature.mp4	51.6 MB
/
Seed Me!!.png	43.1 KB
Web Design Resources - Vako Shvili.url	0.1 KB
AhLaN.txt	1.0 KB
/01. Getting Started/
001 - Class Overview.mp4	81.0 MB
002 - What is Webflow.mp4	103.4 MB
003 - Webflow Teaser.mp4	54.3 MB
/02. PART 1 - SECRETS OF GOOD DESIGN/
004 - PART 1 SECRETS OF GOOD DESIGN.mp4	35.3 MB
005 - Getting started with Figma.mp4	34.5 MB
/03. Layout is King/
006 - Layout is King.mp4	46.8 MB
007 - Assignment Alignment & Grid.mp4	45.9 MB
008 - Layout Importance of Visual Hierarchy.mp4	81.7 MB
009 - Assignment Visual Hierarchy.mp4	91.4 MB
010 - Layout Beware of Optical Illusions.mp4	27.1 MB
011 - Layout Proximity.mp4	10.0 MB
/04. How to Use Typography Beautifully/
012 - How to Use Typography Beautifully.mp4	34.2 MB
013 - Typography Typeface Comes With a Personality.mp4	15.3 MB
014 - Typography Typeface Categories.mp4	83.3 MB
015 - Assignment Typeface Personality.mp4	73.3 MB
016 - Typography Setting type.mp4	105.4 MB
017 - Assignment Setting type.mp4	36.3 MB
018 - Typography Two fonts only.mp4	20.8 MB
019 - Typography Where to find fonts.mp4	20.8 MB
020 - Assignment Typeface Pairing.mp4	143.5 MB
/05. The Art of Color/
021 - The Art of Color.mp4	20.3 MB
022 - Colors Sampling Colors.mp4	30.7 MB
023 - Assignment Sampling Colors.mp4	265.2 MB
024 - Colors Fine-tuning Colors.mp4	33.8 MB
025 - Assignment Fine-tuning Colors.mp4	33.6 MB
026 - Colors Color hunting.mp4	38.3 MB
027 - Colors Brand Colors.mp4	32.8 MB
/06. How to Use Photos to Create Mouthwatering Websites/
028 - How to Use Photos to Create Mouthwatering Websites.mp4	3.7 MB
029 - Photos Image Overlays.mp4	26.7 MB
030 - Assignment Image Overlays.mp4	68.4 MB
031 - Photos Cropping Techniques - Extreme Crop.mp4	43.3 MB
032 - Photos Cropping Techniques - Soft Crop.mp4	65.2 MB
033 - Assignment Photo Cropping.mp4	156.1 MB
034 - Photos Rule of Thirds.mp4	47.0 MB
035 - Photos Unbox it!.mp4	32.5 MB
036 - Photos Pick photos Like a Pro.mp4	53.8 MB
037 - Photos Where to Find Photos.mp4	60.3 MB
038 - Assignment Finding Photos.mp4	136.1 MB
/07. 6 Design Tricks Every Designer Should Know/
039 - 6 Design Tricks Every Designer Should Know.mp4	7.0 MB
040 - Design Trick Contrast.mp4	26.0 MB
041 - Design Trick White Space.mp4	68.7 MB
042 - Design Trick Repetition.mp4	51.8 MB
043 - Design Trick Overlapping.mp4	12.4 MB
044 - Assignment Overlapping.mp4	3.9 MB
045 - Design Trick Tension.mp4	42.0 MB
046 - Assignment Tension.mp4	20.4 MB
047 - Design Trick Consistency.mp4	66.2 MB
/08. PART 2 - PRACTICE DESIGN LIKE AN ARTIST/
048 - PART 2 PRACTICE DESIGN LIKE A PRO.mp4	5.0 MB
/09. Practice by Mimicking Pros/
049 - The Mimic Method.mp4	70.5 MB
050 - The Biggest secret of designers - Inspiration.mp4	154.7 MB
051 - Assignment Mood Board.mp4	154.2 MB
052 - Assignment Figma Homepage Design.mp4	64.0 MB
/10. Designing Your First Beautiful Web Page/
053 - Chat App homepage design Part 1.mp4	51.3 MB
054 - Chat App homepage design Part 2.mp4	178.2 MB
055 - Chat App homepage design Part 3.mp4	89.7 MB
056 - Chat App homepage design Part 4.mp4	209.4 MB
/11. PART 3 - WEB DEVELOPMENT (WEBFLOW)/
057 - PART 3 WEB DEVELOPMENT (WEBFLOW).mp4	7.3 MB
/12. How Web Pages Work/
058 - Web Basics Webflow designer.mp4	18.8 MB
059 - Web Basics HTML and CSS.mp4	44.2 MB
060 - Web Basics The Box model.mp4	6.4 MB
061 - Webflow Element Hierarchy.mp4	18.4 MB
/13. Building Your First Web Page/
062 - Webflow Webpage Building Blocks.mp4	27.0 MB
063 - Webflow Size Settings.mp4	95.3 MB
064 - Webflow Padding & Margins.mp4	92.6 MB
065 - Webflow Web Typography.mp4	30.9 MB
066 - Webflow Buttons & Links.mp4	24.7 MB
067 - Webflow CSS Classes.mp4	29.2 MB
068 - Webflow Images.mp4	33.0 MB
069 - Webflow Float & Display.mp4	51.2 MB
070 - Webflow Flexbox.mp4	69.8 MB
071 - Webflow Navbar (Chat App).mp4	57.3 MB
072 - Webflow Hover.mp4	42.1 MB
073 - Webflow Middle Section.mp4	62.4 MB
074 - Webflow HTML tags.mp4	54.5 MB
075 - Webflow Combo classes.mp4	90.3 MB
076 - Webflow CTA section.mp4	73.1 MB
077 - Webflow Footer (Chat App).mp4	157.7 MB
/14. Responsive Web Design - Beautiful on Any Device/
078 - Intro to Responsive Web Design.mp4	63.5 MB
079 - Responsive Hero Section - Tablet.mp4	19.0 MB
080 - Responsive Hero Section - Mobile 1.mp4	37.1 MB
081 - Responsive Hero Section - Mobile 2.mp4	14.8 MB
082 - Responsive Nav Menu.mp4	49.9 MB
083 - Responsive Overflow.mp4	33.8 MB
084 - Responsive CTA section.mp4	30.5 MB
085 - Responsive Footer.mp4	77.1 MB
/15. Going Live - Launching Your First Web Page/
086 - Going Live SEO.mp4	52.5 MB
087 - Going Live Publishing.mp4	37.5 MB
088 - Going Live Editor.mp4	59.1 MB
/16. PART 4 - CLIENT PROJECT FROM START TO FINISH/
089 - PART 4 CLIENT PROJECT FROM START TO FINISH.mp4	26.8 MB
/17. Nail the Designs - Project Brief, Mood Board, Wireframes, Design/
090 - Client Project Good Design Process.mp4	125.0 MB
091 - Client Project Project brief.mp4	77.1 MB
092 - Client Project Moodboard.mp4	73.2 MB
093 - Client Project Why Wireframing.mp4	106.0 MB
094 - Client Project Figma styles.mp4	16.1 MB
095 - Client Project Figma components.mp4	29.4 MB
096 - Client Project Wireframe kit.mp4	42.2 MB
097 - Client Project Wireframes - Homepage Part 1.mp4	166.9 MB
098 - Client Project Wireframes - Homepage Part 2.mp4	84.5 MB
099 - Client Project Wireframes Post Page.mp4	90.7 MB
100 - Client Project Wireframes - Blog.mp4	37.6 MB
101 - Client Project Homepage Design Part 1.mp4	217.2 MB
102 - Client Project Homepage Design Part 2.mp4	183.7 MB
103 - Client Project Homepage Design Part 3.mp4	77.0 MB
104 - Client Project Blog Post Design.mp4	42.7 MB
105 - Client Project Blog Design.mp4	88.7 MB
/18. Development - From Designs to Functional Website/
106 - Webflow Development 2.mp4	14.8 MB
107 - Webflow 2 Background styles.mp4	73.0 MB
108 - Webflow 2 Navbar (Team App).mp4	71.6 MB
109 - Webflow 2 Hero content.mp4	80.9 MB
110 - Webflow 2 Forms.mp4	213.8 MB
111 - Webflow 2 Mockup section 1.mp4	94.3 MB
112 - Webflow 2 Mockup section 2.mp4	30.5 MB
113 - Webflow 2 Photo sections.mp4	29.1 MB
114 - Webflow 2 Slider Component.mp4	36.6 MB
115 - Webflow 2 Testimonial slider.mp4	81.0 MB
116 - Webflow 2 Positioning.mp4	36.3 MB
117 - Webflow 2 Slider arrows.mp4	33.2 MB
118 - Webflow 2 Footer (Team App).mp4	60.3 MB
119 - Webflow 2 Footer form.mp4	48.4 MB
/19. Interactions - Breathing Life Into Your Website/
120 - Interactions Breathing Life Into Your Website.mp4	11.8 MB
121 - Interactions Card interaction.mp4	76.6 MB
122 - Interactions Arrow interaction 1.mp4	24.5 MB
123 - Interactions Arrow interaction 2.mp4	53.8 MB
/20. Responsive Web Design (Team App Website)/
124 - Responsive Navbar (Team App).mp4	29.1 MB
125 - Responsive Hero section.mp4	65.5 MB
126 - Responsive Mockup Section.mp4	28.6 MB
127 - Responsive Body.mp4	42.7 MB
128 - Responsive Testimonial & Footer.mp4	44.7 MB
/21. Blog & CMS - Going From Static to Dynamic Website/
129 - Blog & CMS Going From Static to Dynamic Website.mp4	3.8 MB
130 - Blog & CMS Webflow CMS.mp4	28.9 MB
131 - Blog & CMS CMS Items.mp4	18.7 MB
132 - Blog & CMS Collection page.mp4	21.7 MB
133 - Blog & CMS Navbar & headline.mp4	19.5 MB
134 - Blog & CMS Author block.mp4	16.9 MB
135 - Blog & CMS Reference field.mp4	29.3 MB
136 - Blog & CMS Dynamic styles.mp4	14.2 MB
137 - Blog & CMS Main image.mp4	17.8 MB
138 - Blog & CMS Rich Text.mp4	87.8 MB
139 - Blog & CMS Author Block Bottom.mp4	27.2 MB
140 - Blog & CMS Symbols.mp4	59.9 MB
141 - Blog & CMS Responsive post.mp4	58.2 MB
142 - Blog & CMS Homepage.mp4	70.7 MB
143 - Blog & CMS Homepage.mp4	71.1 MB
144 - Blog & CMS Collection list.mp4	110.2 MB
145 - Blog & CMS Pagination.mp4	130.1 MB
146 - Blog & CMS Responsive Blog Page.mp4	83.5 MB
/22. Going Live - Your Fully Functional Dynamic Website/
147 - Going Live SEO & Publish.mp4	33.5 MB
148 - Going Live Form submissions.mp4	17.9 MB
149 - Going Live Custom domain.mp4	68.0 MB
/23. PART 5 - SECRETS OF MAKING MONEY FREELANCING/
150 - PART 5 FREELANCING.mp4	21.5 MB
/24. Stunning Portfolio Website Made for You/
151 - Portfolio website theme.mp4	52.1 MB
152 - Portfolio website tour.mp4	34.8 MB
153 - Installing portfolio website.mp4	120.7 MB
/25. Where to Find Freelance Work/
154 - Finding work Online.mp4	186.6 MB
155 - Finding work Studios.mp4	87.0 MB
156 - Finding work Networking.mp4	45.8 MB
157 - Finding work Conclusion.mp4	7.6 MB
/26. 28 Tips to Win on Upwork/
158 - Upwork Tips Overview.mp4	57.8 MB
159 - Upwork Tips Get your profile approved.mp4	80.9 MB
160 - Upwork Tips Profile that attracts clients.mp4	107.2 MB
161 - Upwork Tips Best match badge.mp4	19.1 MB
162 - Upwork Tips Propose the right price.mp4	66.7 MB
163 - Upwork Tips Freelancer they can't resist.mp4	93.5 MB
164 - Upwork Tips Cover letters.mp4	131.6 MB
165 - Upwork Tips Don't get suspended.mp4	192.8 MB
166 - Upwork Tips Don't get scammed.mp4	49.9 MB
/28. PART 6 - ADVANCED/
174 - PART 6 ADVANCED.mp4	28.2 MB
175 - Webflow Custom Modal.mp4	141.6 MB
176 - Webflow Custom Code Embed.mp4	37.3 MB
177 - Photoshop Stretch Crop.mp4	64.7 MB
178 - Photoshop Cut Out Tutorial.mp4	366.9 MB
179 - Photoshop Stick Out Tutorial.mp4	54.7 MB
/Section Notes/
6 Design Tricks Every Designer Should Know.pdf	8.8 MB
Chat App Design.pdf	6.9 MB
How to Use Photos to Create Mouthwatering Websites.pdf	4.9 MB
How to Use Typography Beautifully.pdf	5.4 MB
How Web Pages Work.pdf	2.5 MB
Layout is King.pdf	6.3 MB
Practice by Mimicking.pdf	5.2 MB
The Art of Color.pdf	7.7 MB
Total files 190