1
00:00:00,180 --> 00:00:07,230
Hello, we're super, super excited to start the course with you, but as always, before we do, we

2
00:00:07,230 --> 00:00:10,110
need to see where we're starting and where we're ending up.

3
00:00:10,260 --> 00:00:13,310
So we have a clear path to becoming a top designer.

4
00:00:13,980 --> 00:00:16,610
So let's see what the scores will look like for you.

5
00:00:17,480 --> 00:00:20,720
The first step is always meeting the client.

6
00:00:20,870 --> 00:00:26,420
This is the first step in any design project, any project you may have, and we're going to start off

7
00:00:26,450 --> 00:00:32,570
with a fictional company that hires you and they want to create a product that rivals Amazon.

8
00:00:32,900 --> 00:00:38,720
And this entire course, we're going to build this product from start to finish and give you an exact

9
00:00:38,720 --> 00:00:42,740
step by step process that you can use for all your future projects.

10
00:00:43,130 --> 00:00:49,370
This is a process that Daniel, who has worked as a lead designer for multiple companies, uses all

11
00:00:49,370 --> 00:00:49,800
the time.

12
00:00:50,390 --> 00:00:55,370
Now, this section also introduces you to some of the tools we're going to use in the course, how to

13
00:00:55,460 --> 00:00:56,900
get the best out of the course.

14
00:00:57,080 --> 00:01:02,680
But we're also not going to spend too much time because I know you want to get started and start designing.

15
00:01:02,930 --> 00:01:08,090
We're going to revisit this idea of meeting a client later on towards the end of the course so that

16
00:01:08,240 --> 00:01:13,250
you can learn about things like user stories, using Trello, using story mapping and Theama.

17
00:01:13,250 --> 00:01:15,020
But we want us to get started.

18
00:01:15,030 --> 00:01:22,190
So right away, we're going to start designing this product, this fictional company, Kako Corp. wants

19
00:01:22,190 --> 00:01:22,570
to build.

20
00:01:22,730 --> 00:01:27,300
We're going to learn about sketching, about inspiration, about user flows and side maps.

21
00:01:27,680 --> 00:01:34,310
This is the first stage where we try to draw inspiration from different sources and start to brainstorm

22
00:01:34,310 --> 00:01:36,520
ideas for the product we're going to build.

23
00:01:36,740 --> 00:01:38,900
This is a very critical process.

24
00:01:38,900 --> 00:01:41,210
And we're going to take you step by step then.

25
00:01:42,150 --> 00:01:47,910
We get into even more exciting things, this is the explore and iterate phase, this is where we talk

26
00:01:47,910 --> 00:01:51,180
about wire frames, prototyping and getting feedback.

27
00:01:51,300 --> 00:01:58,050
We're going to start using FEMA, which is a wonderful tool that more and more people are using now,

28
00:01:58,200 --> 00:02:03,180
because things like Photoshop are kind of outdated when it comes to design and most people don't use

29
00:02:03,180 --> 00:02:03,310
it.

30
00:02:03,330 --> 00:02:09,450
We want to use a modern tool like FEMA that you're going to see allows us to do everything we want and

31
00:02:09,450 --> 00:02:14,640
also makes our hand off later on when we finish a project super, super easy.

32
00:02:14,830 --> 00:02:16,010
You're going to love Vigna.

33
00:02:16,530 --> 00:02:19,650
And the next step is they're really, really fun part.

34
00:02:20,050 --> 00:02:21,660
It's the visual design.

35
00:02:21,930 --> 00:02:28,260
This is where we talk about design theory, accessibility, things like typography, grid and spacing

36
00:02:28,320 --> 00:02:33,110
forms and UI elements, color theory, image and iconography.

37
00:02:33,360 --> 00:02:38,100
And obviously, as I mentioned, accessibility, which is becoming more and more important.

38
00:02:38,460 --> 00:02:41,600
And it's a must for all designers moving forward.

39
00:02:41,850 --> 00:02:48,360
This is what most of you associate design with this idea of making things beautiful, adding color,

40
00:02:48,720 --> 00:02:50,730
deciding what looks good.

41
00:02:50,910 --> 00:02:57,330
But as you can see, there's lots of steps before we get to this visual design because you need to have

42
00:02:57,330 --> 00:03:00,780
a plan before you start just making things pretty.

43
00:03:01,350 --> 00:03:06,180
Now, this section is going to be very, very big and we're going to learn a lot of interesting best

44
00:03:06,180 --> 00:03:11,570
practices and also step by step guide for you to implement these things in all your designs.

45
00:03:12,030 --> 00:03:16,730
Now that our product is starting to take shape, we then get into design exploration.

46
00:03:17,370 --> 00:03:23,880
This is where we talk about design patterns, mobile design, applying visual design and motion and

47
00:03:23,880 --> 00:03:25,650
also micro interactions.

48
00:03:26,130 --> 00:03:29,850
This is where we make everything look really modern.

49
00:03:30,100 --> 00:03:36,660
Again, talk about best practices, about the importance of motion and animations, how we can make

50
00:03:36,870 --> 00:03:42,330
the user interact with our product in a way that is exciting to them.

51
00:03:42,330 --> 00:03:46,710
That creates good user experience, lots to cover in this section.

52
00:03:47,010 --> 00:03:49,890
We then get to putting it all together.

53
00:03:50,040 --> 00:03:56,610
Everything we've built up until this point allows us to get to this point, which is building a design

54
00:03:56,610 --> 00:04:04,770
system and the final composition, putting everything together to create the final high fidelity design

55
00:04:04,770 --> 00:04:08,100
assets that you can present to your client.

56
00:04:08,760 --> 00:04:11,880
Trust me, getting to this point is totally worth it.

57
00:04:11,880 --> 00:04:18,150
By the end of it all, you're going to have tons of assets and design templates that you can use on

58
00:04:18,150 --> 00:04:19,410
all your future projects.

59
00:04:19,620 --> 00:04:23,010
And best of all, the product that we're going to build together.

60
00:04:23,010 --> 00:04:29,220
You can now put on your portfolio so that next time you're on some freelancing website or you're applying

61
00:04:29,220 --> 00:04:34,350
for a contract, what they're going to see this and they're going to be impressed by your work.

62
00:04:34,500 --> 00:04:40,980
But not only that, you now have the step by step process that you can use for all your future projects

63
00:04:41,010 --> 00:04:43,800
to make sure that you follow the best practices.

64
00:04:44,040 --> 00:04:47,400
This is where we go back to the idea of meeting the client.

65
00:04:47,520 --> 00:04:53,100
We want to revisit this and make sure that we understand what happens when we get our clients or we

66
00:04:53,130 --> 00:04:54,420
are looking for clients.

67
00:04:54,660 --> 00:04:56,010
What are the best practices?

68
00:04:56,010 --> 00:05:00,270
What are the questions that we ask to try to understand what their needs are?

69
00:05:00,270 --> 00:05:06,030
Because at the end of the day, design is all about understanding what the client and the user needs

70
00:05:06,270 --> 00:05:09,810
and creating a product around that need and want.

71
00:05:10,230 --> 00:05:16,500
Finally, to complete the course, we are going to talk about this idea of creating a Web portfolio

72
00:05:16,500 --> 00:05:21,900
for you to be discovered by others, for you to get clients and who knows, maybe even work remotely.

73
00:05:22,140 --> 00:05:26,130
We want to show you some of the best practices when it comes to showcasing your work.

74
00:05:26,790 --> 00:05:33,060
And then finally, just as a bonus bit, because we're going to be talking about how to hand off your

75
00:05:33,060 --> 00:05:40,200
work to developers once we're done with the design process, we usually hand off our work to developers

76
00:05:40,200 --> 00:05:45,750
that can program and perhaps put the website online or the mobile app in the app stores.

77
00:05:46,020 --> 00:05:52,170
Now, e-mail access is not necessary for you to be a top designer, but it doesn't hurt to know how

78
00:05:52,170 --> 00:05:58,830
websites are built, how to put a website online and learn how you might become a full fledged designer

79
00:05:58,830 --> 00:06:02,430
that can use e-mail access to while the clients.

80
00:06:02,970 --> 00:06:07,590
So as you can see, we have a lot to cover, but it's going to be really, really fun.

81
00:06:07,590 --> 00:06:11,190
We're going to build something really, really beautiful that I think you're going to be proud of.

82
00:06:11,190 --> 00:06:14,970
At the end of it all, we're going to take you from zero to mastery.

83
00:06:15,300 --> 00:06:16,410
But here's the thing.

84
00:06:16,440 --> 00:06:23,070
The best part of this course is our online private community of over 300000 students.

85
00:06:23,250 --> 00:06:29,670
We have on here people chatting every day, helping each other up, solving problems together, showcasing

86
00:06:29,670 --> 00:06:34,320
their work, or just talking about the latest and greatest in the tech industry.

87
00:06:34,650 --> 00:06:40,230
This is an optional resource for you to use so that you can have back and forth conversation with other

88
00:06:40,230 --> 00:06:41,490
students and.

89
00:06:41,590 --> 00:06:46,750
Myself and Daniel, so that you feel like you're part of a classroom, I'm on there chatting every day

90
00:06:46,900 --> 00:06:52,050
and we also have monthly challenges for you to do to supplement the course.

91
00:06:52,570 --> 00:06:53,700
But you know what?

92
00:06:53,740 --> 00:06:54,970
That's enough talking for me.

93
00:06:55,000 --> 00:06:56,460
I know you want to get started.

94
00:06:56,470 --> 00:07:00,160
So let's learn how to design beautiful products.