0
1
00:00:00,150 --> 00:00:04,480
When Apple decided not to include the usual floppy disk drive on their new iMac.
1

2
00:00:04,590 --> 00:00:11,430
Steve Jobs quoted hockey star Wayne Gretzky's maxim: “Skate where the puck is going not where it's been.”
2

3
00:00:11,550 --> 00:00:17,310
If you're learning new tools, bet on the technology that is going forward, because by the time you're done
3

4
00:00:17,310 --> 00:00:21,420
learning current industry standard, it might be already dead.
4

5
00:00:21,420 --> 00:00:25,860
In this course we're not going to learn industry standards like Photoshop and WordPress.
5

6
00:00:25,890 --> 00:00:30,590
Instead we're going to learn tools of the future Figma and Webflow.
6

7
00:00:30,600 --> 00:00:35,820
It takes a little time for the world to catch up because most people, they are reluctant to change but
7

8
00:00:35,820 --> 00:00:36,890
they will catch up.
8

9
00:00:36,900 --> 00:00:37,850
No doubt about it.
9

10
00:00:37,950 --> 00:00:40,510
Just like there are no floppy disks on your computers anymore.
10

11
00:00:40,560 --> 00:00:44,060
In this video I want to answer several questions you might have about Webflow.
11

12
00:00:46,080 --> 00:00:47,270
So, what is Webflow?
12

13
00:00:47,280 --> 00:00:52,070
Webflow is a no-code website builder that is unlike anything else out there.
13

14
00:00:52,110 --> 00:00:57,680
It helps you design and build responsive websites from scratch like any pro web designer would.
14

15
00:00:57,690 --> 00:01:02,250
But without writing any code. Well, actually, Webflow writes it for you.
15

16
00:01:02,280 --> 00:01:07,650
You design everything visually while Webflow writes clean semantic code for you.
16

17
00:01:07,680 --> 00:01:12,450
You can then either export this code or keep it and host the website in Webflow.
17

18
00:01:12,480 --> 00:01:17,910
In addition to the web designer it's a CMS platform sort of like WordPress which means you can build
18

19
00:01:17,910 --> 00:01:21,750
full-blown dynamic sites like blogs and e-commerce websites.
19

20
00:01:21,750 --> 00:01:23,930
And here is a really big one with Webflow.
20

21
00:01:23,940 --> 00:01:29,210
You can build rich animations and interactions something that no other platform has.
21

22
00:01:29,310 --> 00:01:35,070
And if coding, it's something that requires advanced knowledge of JavaScript. But in Webflow you do it
22

23
00:01:35,070 --> 00:01:37,680
visually without even thinking about the code.
23

24
00:01:37,710 --> 00:01:40,980
Learning Webflow feels like learning a new superpower.
24

25
00:01:41,040 --> 00:01:46,620
It's really a groundbreaking tool that is changing the industry, a Tesla of web design. And Twitter
25

26
00:01:46,620 --> 00:01:52,230
is filled with love from Webflow users anyone from longtime developers to design director of Dropbox.
26

27
00:01:52,230 --> 00:01:56,840
You want site examples built in Webflow?
27

28
00:01:56,900 --> 00:02:00,850
You don't have to go too far. Webflow's own website is fully built in Webflow.
28

29
00:02:00,890 --> 00:02:06,670
It's far from an average web site with nontraditional layouts complex interactions and animations.
29

30
00:02:06,680 --> 00:02:13,170
It's a great example of the power of Webflow.
30

31
00:02:13,190 --> 00:02:18,570
There's also a showcase page on their site where you can find projects posted by other Webflow designers.
31

32
00:02:18,590 --> 00:02:23,630
Just a couple of examples are enough to show how endless are the possibilities of what you can achieve
32

33
00:02:23,630 --> 00:02:24,320
with Webflow.
33

34
00:02:44,310 --> 00:02:45,950
But it's not without limitations.
34

35
00:02:46,020 --> 00:02:50,040
We cannot build web applications on Webflow, at least not yet.
35

36
00:02:50,070 --> 00:02:57,270
Web applications are sites like Airbnb, Facebook, Dropbox, YouTube basically anything that has user
36

37
00:02:57,270 --> 00:03:01,760
generated content where user logs in and creates and add some content on it.
37

38
00:03:01,770 --> 00:03:07,770
These are 100 times more complex than regular company websites and they are more part of software and
38

39
00:03:07,770 --> 00:03:10,370
web development rather than web design field.
39

40
00:03:10,380 --> 00:03:14,280
We could definitely design the front-end of all those websites in Webflow.
40

41
00:03:14,280 --> 00:03:18,080
For example, we could design it and develop it inside Webflow.
41

42
00:03:18,090 --> 00:03:24,390
Then export the code which is HTML,
CSS and JavaScript and give that code, that front-end code to the
42

43
00:03:24,390 --> 00:03:28,770
developers, who then are going to connect it to the Web application.
43

44
00:03:28,770 --> 00:03:30,820
But we're not going to touch on that in this course. 
44

45
00:03:30,840 --> 00:03:35,670
Here we're going to learn how to design and build regular websites that make the majority of the web.
45

46
00:03:35,670 --> 00:03:39,270
There is another type of sites you can build on Webflow: e-commerce sites.
46

47
00:03:39,270 --> 00:03:43,970
It's a newer edition to their platform but we're not going to cover those in this course.
47

48
00:03:43,980 --> 00:03:47,190
The demand for e-commerce sites are much smaller than regular websites.
48

49
00:03:47,180 --> 00:03:53,750
So, my recommendation would be to go and move to e-commerce site web design and web development,
49

50
00:03:53,820 --> 00:03:59,820
once you gain a good enough real work experience with regular and general web design. It doesn't make
50

51
00:03:59,820 --> 00:04:06,510
a lot of sense to jump right into a complex, a bit more complex, web development which is e-commerce rather
51

52
00:04:06,510 --> 00:04:10,770
than regular web sites, which is much simpler and much more straightforward.
52

53
00:04:13,780 --> 00:04:16,560
One thing you might wonder, if there is a demand for Webflow.
53

54
00:04:16,750 --> 00:04:23,050
And that's a valid question. Because sometimes clients ask for web designers who are specializing in
54

55
00:04:23,140 --> 00:04:26,380
specific platforms like WordPress, Drupal and many more.
55

56
00:04:26,380 --> 00:04:27,460
The answer is yes.
56

57
00:04:27,460 --> 00:04:31,660
Just like other platforms there is also a demand specifically for Webflow designers.
57

58
00:04:31,870 --> 00:04:37,750
Although this demand isn't as big as WordPress, but that's not much of an issue. Because majority and
58

59
00:04:37,750 --> 00:04:45,550
most demand for websites and web designers isn't platform-specific. Because clients don't usually
59

60
00:04:45,550 --> 00:04:47,510
care where you're going to build their website.
60

61
00:04:47,520 --> 00:04:52,260
And if they trust you as a web designer, they will trust your preference and your judgment in it.
61

62
00:04:52,270 --> 00:04:55,870
There are times when you might need to explain why they should go with Webflow.
62

63
00:04:55,920 --> 00:05:02,710
However, it's very easy to do because just one single Webflow feature is enough to convince them to
63

64
00:05:02,710 --> 00:05:03,230
go for it.
64

65
00:05:03,370 --> 00:05:06,040
You see clients need to keep their website updated.
65

66
00:05:06,070 --> 00:05:07,240
They need to create content.
66

67
00:05:07,240 --> 00:05:09,420
They need to update the text on their pages.
67

68
00:05:09,520 --> 00:05:16,120
They need to create new blog posts and so on. In WordPress they have to update that content in a very
68

69
00:05:16,390 --> 00:05:24,100
complicated clunky not very user-friendly admin panel. Which looks something like this. For clients
69

70
00:05:24,100 --> 00:05:25,900
this is not an exciting thing to use.
70

71
00:05:25,900 --> 00:05:28,420
It's scary and they fear they will break something.
71

72
00:05:28,510 --> 00:05:32,600
Now in Webflow clients edit content directly on the live site.
72

73
00:05:32,620 --> 00:05:35,440
No admin panels and weird text editors.
73

74
00:05:35,440 --> 00:05:41,380
They edit exactly what they see, they can change photos, update text and no way for them to break the
74

75
00:05:41,380 --> 00:05:41,890
site.
75

76
00:05:41,890 --> 00:05:45,570
There are more benefits for clients and other ways you can make the case for Webflow.
76

77
00:05:45,580 --> 00:05:48,610
I will teach you all about it in freelancing part of this course.
77

78
00:05:51,680 --> 00:05:56,370
Webflow isn't something that you just jump in and start using and start building websites.
78

79
00:05:56,380 --> 00:05:59,560
It's not as intuitive as something like maybe Squarespace.
79

80
00:05:59,560 --> 00:06:07,180
It has a learning curve. And mainly it's because it is based on the regular code structure that regular
80

81
00:06:07,180 --> 00:06:09,730
web designer and developer would use.
81

82
00:06:09,730 --> 00:06:16,450
For example you add HTML
elements in Webflow and style them using CSS classes. Just like what one would
82

83
00:06:16,450 --> 00:06:18,730
do when actually coding the website.
83

84
00:06:18,730 --> 00:06:24,850
If you have some experience with HTML
and CSS definitely it will come in handy, but if you don't have
84

85
00:06:24,850 --> 00:06:29,980
any, don't worry about it, you don't need to have any prior experience.
85

86
00:06:29,980 --> 00:06:35,900
I will teach you everything as we go. During this course you're gonna become a pro user of Webflow
86

87
00:06:36,160 --> 00:06:43,950
ready to take on real paid website projects right after you're finished with the course. Webflow is
87

88
00:06:43,950 --> 00:06:48,360
free until you need to publish the website and then you pay for the hosting which is about $15
88

89
00:06:48,360 --> 00:06:54,840
per month. But hosting is something that every website owner has to pay even if they're using a free
89

90
00:06:54,840 --> 00:06:56,120
platform like WordPress.
90

91
00:06:56,160 --> 00:06:58,130
But you don't have to worry too much about this.
91

92
00:06:58,140 --> 00:06:59,190
It's not your expense.
92

93
00:06:59,190 --> 00:07:00,750
Clients pay for the hosting.
93

94
00:07:00,750 --> 00:07:04,750
In conclusion, Webflow has changed mine and so many other people's careers.
94

95
00:07:04,950 --> 00:07:06,260
And it can do the same for you.