0
1
00:00:00,210 --> 00:00:06,660
When Pablo Picasso was looking for an inspiration for his next work, he got fascinated by African art.
1

2
00:00:06,690 --> 00:00:13,590
He used Dogon tribe masks as his inspiration and launched himself into the Cubist style that he is most
2

3
00:00:13,590 --> 00:00:14,900
celebrated for.
3

4
00:00:14,940 --> 00:00:17,340
As you can see, the resemblance is incredible.
4

5
00:00:17,340 --> 00:00:22,980
His work was actually quite different before this period. Good inspiration can be equally transformational
5

6
00:00:22,980 --> 00:00:23,850
for your work.
6

7
00:00:24,000 --> 00:00:28,220
Let's say you're working on a project to design a website for a financial company.
7

8
00:00:28,230 --> 00:00:35,200
Your first instinct might be, to go on Google and look for some examples for other finance websites.
8

9
00:00:35,250 --> 00:00:38,520
But what you get here are data templates that look the same.
9

10
00:00:38,520 --> 00:00:40,520
And there is nothing inspirational about that.
10

11
00:00:40,530 --> 00:00:43,570
Why is Google a bad place to search for design inspiration?
11

12
00:00:43,680 --> 00:00:47,970
Because Google isn't a website that curates good design work,
12

13
00:00:47,970 --> 00:00:56,310
it has a very different purpose. And it searches and ranks websites in a way to show content that has
13

14
00:00:56,310 --> 00:00:56,910
been there,
14

15
00:00:56,910 --> 00:01:02,330
that has authority, that has been there for ages and has been visited by a lot of people.
15

16
00:01:02,340 --> 00:01:07,210
And that's exact opposite of what you want in design inspiration. A keyword search for "finance website
16

17
00:01:07,200 --> 00:01:13,950
inspiration" led me to an article that featured websites like this. In the article called it "Innovative
17

18
00:01:13,980 --> 00:01:16,290
and Inspirational Website Designs".
18

19
00:01:16,290 --> 00:01:20,790
No wonder it features such dated designs when the article is from 2016.
19

20
00:01:20,790 --> 00:01:23,040
That's way too old for web design inspiration.
20

21
00:01:23,040 --> 00:01:28,200
Add to the fact, that the mentioned websites have probably been built a couple of years prior to the
21

22
00:01:28,200 --> 00:01:29,220
article.
22

23
00:01:29,220 --> 00:01:35,010
Also, the fact that the author might not be a designer at all. And you get terrible website examples.
23

24
00:01:35,040 --> 00:01:37,590
So many beginner designers make this mistake.
24

25
00:01:37,680 --> 00:01:45,480
They look for web design inspiration in wrong places and they start mimicking very outdated or ugly
25

26
00:01:45,600 --> 00:01:50,700
web design work. Using quality inspiration for your projects is going to set you off for a great design
26

27
00:01:50,700 --> 00:01:51,500
results.
27

28
00:01:51,600 --> 00:01:59,520
And I'm going to teach you my favorite places to find great and beautiful web design or another design
28

29
00:01:59,520 --> 00:02:08,790
inspiration. One of them is dribbble.com, that's dribbble with 3 B's. Let's do that same finance
29

30
00:02:08,790 --> 00:02:10,130
website search here.
30

31
00:02:10,140 --> 00:02:12,350
Here are some of the results up close.
31

32
00:02:12,360 --> 00:02:18,870
This is miles ahead of what we saw on Google. The design style, layout and colors look fresh and modern
32

33
00:02:18,870 --> 00:02:25,080
here. Not 90's. Dribbble is basically designers show and tell. To contribute you have to be invited by an
33

34
00:02:25,080 --> 00:02:30,200
existing member, so it sort of creates a level of checkpoint. To keep the bad work out.
34

35
00:02:30,420 --> 00:02:36,120
The search algorithm is different from Google too. Here one of the sorting parameters is number of likes,
35

36
00:02:36,120 --> 00:02:38,700
meaning how many designers have liked the work.
36

37
00:02:38,700 --> 00:02:44,330
That's a better way to tell a good work, than a random finance blogger picking sites based on his taste.
37

38
00:02:44,340 --> 00:02:47,050
Many of this work are just designers playing around.
38

39
00:02:47,070 --> 00:02:50,850
That means that they haven't even been turned into real websites yet.
39

40
00:02:51,000 --> 00:02:53,490
And that's an inspiration that is ahead of its time.
40

41
00:02:53,940 --> 00:02:58,380
After a while, you start following designers that you like and build a very good personalized inspiration
41

42
00:02:58,380 --> 00:02:59,330
for yourself.
42

43
00:02:59,370 --> 00:03:06,770
You pick designers that have a same style that you like and fit your style. I also, use these two websites
43

44
00:03:06,800 --> 00:03:08,500
to find my inspiration.
44

45
00:03:08,540 --> 00:03:11,870
These sites curate live websites and landing pages.
45

46
00:03:11,990 --> 00:03:15,990
If you don't know what a landing page is, it's a page on a website where a visitor
46

47
00:03:15,990 --> 00:03:22,370
lands. This can be a home page of a website, or a special dedicated pages used for marketing.
47

48
00:03:22,370 --> 00:03:27,620
I really like these sites because they are really well-curated, the screenshots are well displayed. And I'm
48

49
00:03:27,620 --> 00:03:33,020
able to see the live website and check it out in more detail. There I can even see fonts that they
49

50
00:03:33,020 --> 00:03:37,790
use, sizes, animations and interactions. And even see other pages of the site.
50

51
00:03:37,790 --> 00:03:45,120
Really an excellent place to find inspiration. My third favorite place to look for inspiration is actually
51

52
00:03:45,120 --> 00:03:45,750
Pinterest.
52

53
00:03:46,170 --> 00:03:48,810
Although on Pinterest you have to be a little more cautious.
53

54
00:03:48,810 --> 00:03:51,270
It's not curated content by designers.
54

55
00:03:51,270 --> 00:03:56,340
So just like Google, you can get quite a bit of bad apples. But I look for inspiration on Pinterest for
55

56
00:03:56,340 --> 00:04:02,060
one reason. They have some amazing search algorithm where whatever image you're looking for,
56

57
00:04:02,080 --> 00:04:07,170
they can find similar styles with amazing accuracy. For example, you should find a design style that you
57

58
00:04:07,170 --> 00:04:07,530
like.
58

59
00:04:07,530 --> 00:04:14,430
Click on this icon. And look at that. Without even me specifying anything, it surfaced designs that are very
59

60
00:04:14,430 --> 00:04:15,590
similar in style.
60

61
00:04:15,750 --> 00:04:22,590
You see how the examples on the right have wavy, smooth, rounded shapes and edges. Especially in this particular
61

62
00:04:22,590 --> 00:04:24,960
design, it's so similar in style, it's uncanny.
62

63
00:04:25,020 --> 00:04:27,780
Here another example, for a totally different style.
63

64
00:04:27,780 --> 00:04:32,740
This time no vibrant colors or rounded shapes, but more photography-heavy designs.
64

65
00:04:32,760 --> 00:04:35,170
This is a very powerful tool for a designer.
65

66
00:04:35,190 --> 00:04:40,080
A lot of times, I'll find a specific style that I want, but I'm not able to see other examples of the
66

67
00:04:40,080 --> 00:04:44,880
same style, because I can't put them in words properly. By coming on Pinterest,
67

68
00:04:44,880 --> 00:04:50,940
I can find many examples of the same style and collect several different examples for my inspiration.
68

69
00:04:53,050 --> 00:04:58,630
Just like Picasso, one great but a bit advanced way to look for inspiration is to look for it outside
69

70
00:04:58,630 --> 00:04:59,980
of the web design field.
70

71
00:04:59,980 --> 00:05:05,740
For example, I was working on this project that was a charity Web site. And I wanted to build something
71

72
00:05:05,740 --> 00:05:11,940
and design something premium and a bit different and not looking like other charity websites. Anywhere
72

73
00:05:11,950 --> 00:05:17,890
I looked for inspiration, all I would get is this very common theme of sad looking African kids. That
73

74
00:05:17,890 --> 00:05:19,480
just looks very cliché.
74

75
00:05:19,480 --> 00:05:20,500
Sorry kids.
75

76
00:05:20,560 --> 00:05:26,590
Instead, I went and looked for movie posters. Because movie posters are designed amazingly, they depict
76

77
00:05:26,620 --> 00:05:28,480
a lot of drama and tension.
77

78
00:05:28,480 --> 00:05:34,120
I found this poster of Sicario. And I really liked the style. I was doing this on Pinterest which gave
78

79
00:05:34,120 --> 00:05:36,240
me more suggestions that look similar.
79

80
00:05:36,250 --> 00:05:38,620
And then. Boom. This poster showed up.
80

81
00:05:38,620 --> 00:05:43,450
This gave me more concrete ideas, that I could merge a photo of a person with something else. Just like
81

82
00:05:43,450 --> 00:05:46,650
Peter Dinklage's face merging with the background scene.
82

83
00:05:46,660 --> 00:05:50,830
This led me to create a hero section that looks nothing like a template charity site.