1
00:00:00,680 --> 00:00:05,860
So designing websites and apps, I mean, sounds pretty easy, right?

2
00:00:05,870 --> 00:00:06,800
Everybody can do it.

3
00:00:07,310 --> 00:00:15,200
Well, not really, because when you first think about design, most people don't consider all the things

4
00:00:15,200 --> 00:00:22,010
that go into designing a beautiful product, because when we talk about design, there's actually four

5
00:00:22,100 --> 00:00:28,430
key elements to designing and specifically for web and mobile designers.

6
00:00:29,300 --> 00:00:32,240
The first part is graphic design.

7
00:00:32,930 --> 00:00:42,030
This is the idea of using colors, color theory, layout, typography, sketching, using fonts, imagery.

8
00:00:42,560 --> 00:00:52,280
It's the idea of telling a story to convey a specific feeling or to target a specific audience.

9
00:00:52,580 --> 00:00:59,090
Graphic design is all about the visuals, but just knowing graphic design isn't enough.

10
00:01:00,140 --> 00:01:09,380
The next part is this idea of user experience or UX, because to be a good web and mobile designer,

11
00:01:09,890 --> 00:01:15,080
you need to study user experience and user interface design.

12
00:01:15,620 --> 00:01:16,570
So what is that?

13
00:01:17,150 --> 00:01:24,990
It's the art and science of designing products that provide users with the best possible experience.

14
00:01:25,730 --> 00:01:33,480
How can you make a user move through your product in an enjoyable way, in an easy flow?

15
00:01:34,100 --> 00:01:39,830
It's all about understanding your customer again, don't worry, because we're going to dive deep into

16
00:01:39,830 --> 00:01:42,590
these topics throughout the course of the next part.

17
00:01:42,950 --> 00:01:46,460
Is conversion focused or goal conversion?

18
00:01:47,170 --> 00:01:54,610
As a designer, you need to know how to design a product that drives the results that your clients want.

19
00:01:55,360 --> 00:02:01,230
For example, Bruno hired you because he wants to be successful with his product.

20
00:02:01,630 --> 00:02:08,080
So you need to design something that increases this convergence, convergence, meaning that a user

21
00:02:08,080 --> 00:02:10,070
takes a desired action.

22
00:02:10,840 --> 00:02:18,940
So your job is to motivate the visitors of your mobile app or a Web app to take that desired action,

23
00:02:18,940 --> 00:02:25,260
maybe sign up for our mailing list or buy a product and there's a science to goal conversion.

24
00:02:25,600 --> 00:02:31,720
And then finally, we've talked about this, but it's this idea of platform development, whether it's

25
00:02:31,720 --> 00:02:33,130
on mobile or web.

26
00:02:33,670 --> 00:02:41,290
Although some designers limit their work and don't focus on web development or mobile app development.

27
00:02:42,150 --> 00:02:49,440
Having at least a basic knowledge of how the platform you're designing for works, for example, e-mail

28
00:02:49,440 --> 00:02:56,850
and access on the Web can be a really important skill and a really boosting skill to be a top designer,

29
00:02:57,330 --> 00:02:59,520
which is why we've included in the course.

30
00:03:00,180 --> 00:03:03,540
Now, these are the four main things that you need to learn.

31
00:03:03,540 --> 00:03:07,470
And we're going to learn to be a top designer throughout all of these.

32
00:03:07,470 --> 00:03:13,440
And something that we keep mentioning is this idea that you'll also need to be good at client and project

33
00:03:13,620 --> 00:03:14,280
management.

34
00:03:14,430 --> 00:03:16,260
But we'll get to that later in the course.

35
00:03:17,010 --> 00:03:22,950
Now, throughout the course, we're going to use all modern tools that top designers are using right

36
00:03:22,950 --> 00:03:23,310
now.

37
00:03:23,760 --> 00:03:29,430
But we're also going to link to some resources that you can use to help along your journey.

38
00:03:29,730 --> 00:03:35,670
Now, we've already checked out the zero to Master Yorio Resources page, where we have a bunch of resources

39
00:03:35,670 --> 00:03:36,510
that you can use.

40
00:03:36,900 --> 00:03:41,250
But here are some of my favorite ones that I recommend you check out.

41
00:03:42,090 --> 00:03:48,750
The first one is Good UI, dawg, and this is great for that goal conversion that I was talking about.

42
00:03:49,020 --> 00:03:57,620
It actually tells you how you can improve your conversion on your designs by showing you a B tests.

43
00:03:57,870 --> 00:04:03,480
So, for example, Amazon discovers that showing structured product detailed is better.

44
00:04:03,660 --> 00:04:08,630
So it actually shows you which design or which layout is better.

45
00:04:08,730 --> 00:04:11,760
So they have a ton of these that they constantly post.

46
00:04:11,940 --> 00:04:18,600
So you can learn about good patterns, good UI practices that you can use for your website.

47
00:04:19,830 --> 00:04:27,210
The next one is awards dot com, and this is great to get design inspirations, and you can even search

48
00:04:27,210 --> 00:04:34,050
for inspirations like different colors or different topics and get ideas for designs that you may want

49
00:04:34,050 --> 00:04:34,500
to use.

50
00:04:35,190 --> 00:04:39,750
Another one for inspiration is this one right here.

51
00:04:40,700 --> 00:04:47,720
And this, again, shows off other people's portfolio, but can also be used as your inspiration.

52
00:04:48,050 --> 00:04:55,940
Now, if you ever want to use icons in your products, well, I personally like using flat icon, but

53
00:04:56,060 --> 00:05:00,680
if you're looking for a free version, there's also things like the noun project that give you beautiful

54
00:05:00,680 --> 00:05:01,820
icons that you can use.

55
00:05:02,840 --> 00:05:08,730
If you want images for your product, something like on Splash, Dotcom is also great to use.

56
00:05:09,170 --> 00:05:11,590
Now, this is just scratching the surface.

57
00:05:11,600 --> 00:05:14,090
There's a ton of resources that you can use.

58
00:05:14,420 --> 00:05:21,830
But the key is to remember we have a lot of resources online as designers to develop our ideas.

59
00:05:21,830 --> 00:05:23,570
So don't get too intimidated.

60
00:05:23,690 --> 00:05:26,050
You don't always have to start from scratch.

61
00:05:26,600 --> 00:05:32,850
So as a designer, you can expect three things or three types of work environments.

62
00:05:33,260 --> 00:05:34,990
One is a freelancer.

63
00:05:35,000 --> 00:05:36,260
You're your own boss.

64
00:05:36,260 --> 00:05:37,730
You have your own clients.

65
00:05:37,790 --> 00:05:40,370
It involves a little bit more management on your time.

66
00:05:40,700 --> 00:05:43,190
But again, you're your own boss.

67
00:05:44,090 --> 00:05:47,540
Another scenario might be you're working at an agency.

68
00:05:47,780 --> 00:05:56,090
An agency is a company that has a bunch of designers and developers and they look for clients for you.

69
00:05:56,390 --> 00:06:01,820
And those clients talk through the agency so that you don't have to go looking for clients.

70
00:06:02,090 --> 00:06:08,570
And the agency just assigns you different projects, which is a great way for you to gain experience

71
00:06:08,570 --> 00:06:10,480
of working on different types of projects.

72
00:06:11,290 --> 00:06:17,650
And then finally, the last type of work you'll see is working what we call in-house or working for

73
00:06:17,650 --> 00:06:24,010
an actual company, working for a product, and you're the designer or a lead designer for a specific

74
00:06:24,010 --> 00:06:24,550
company.

75
00:06:25,240 --> 00:06:32,920
As you can see, the world of a designer is a vast there's lots to learn, but there's also lots of

76
00:06:32,920 --> 00:06:37,510
opportunities, which is why you're taking this course so enough.

77
00:06:37,510 --> 00:06:41,020
Jaba, it's time for us to get started moving forward.

78
00:06:41,200 --> 00:06:47,620
Daniel is going to show you the step by step process that we're going to take on this course, but also

79
00:06:47,620 --> 00:06:49,230
for all your future projects.

80
00:06:49,540 --> 00:06:51,700
Remember, the flow of the course is simple.

81
00:06:52,000 --> 00:06:58,690
We start with a client and then we end with a portfolio for you to use on future projects, plus the

82
00:06:58,690 --> 00:07:03,310
system in place for you to use moving forward for all future projects.

83
00:07:03,730 --> 00:07:04,150
All right.

84
00:07:04,570 --> 00:07:05,330
Let's get started.