1 00:00:00,660 --> 00:00:05,110 Everyone, and welcome back, so we're going to talk about how I find inspiration online. 2 00:00:05,270 --> 00:00:10,220 Now, we already went over how we can stay inspired and generally that's where I get most of my inspiration, 3 00:00:10,220 --> 00:00:15,200 you know, talking to peers, walking around, studying other people's work, you know, staying knowledgeable 4 00:00:15,200 --> 00:00:17,540 about different topics that were really inspired by. 5 00:00:17,720 --> 00:00:24,380 Also think that a key to your product design process in this is what I find absolutely necessary is 6 00:00:24,380 --> 00:00:26,970 to have a constant source of all my inspiration. 7 00:00:27,350 --> 00:00:29,130 So there are several sites that I like to visit. 8 00:00:29,150 --> 00:00:30,020 These are some of them. 9 00:00:30,470 --> 00:00:32,300 The main one I like to visit is Dribble. 10 00:00:32,300 --> 00:00:33,170 So here's Dribble. 11 00:00:33,890 --> 00:00:34,790 It's a great place. 12 00:00:34,790 --> 00:00:40,700 I'm sure many of you know it already, but I love it just because I can just make a bunch of collections 13 00:00:40,700 --> 00:00:43,490 of different types of like design patterns that I really love. 14 00:00:44,240 --> 00:00:49,100 Also searching on here is really easy and is probably one the best places to go and get ideas for your 15 00:00:49,100 --> 00:00:49,580 designs. 16 00:00:49,580 --> 00:00:54,110 I mean, not because there's so many people posting cool things, but, you know, it's a great way 17 00:00:54,110 --> 00:00:55,160 to study your peers. 18 00:00:55,340 --> 00:01:00,080 You can discover some of the world's top designers and creatives, and you can also get inspiration 19 00:01:00,080 --> 00:01:06,080 from a wide range of disciplines like anything from animation, branding, illustrations, product design, 20 00:01:06,080 --> 00:01:07,310 web design, print. 21 00:01:07,520 --> 00:01:09,620 I mean, there's so many different things on here. 22 00:01:10,010 --> 00:01:11,630 There's always a project you can learn from. 23 00:01:12,020 --> 00:01:15,740 And what makes it great is that it's a place where people can post their content and get feedback. 24 00:01:16,070 --> 00:01:21,440 I mean, feedback doesn't happen very often on a lot of these posts, but it's just a great way to get 25 00:01:21,440 --> 00:01:23,840 a lot of different type of inspiration. 26 00:01:24,230 --> 00:01:28,580 Some people even like showcasing their portfolio for potential clients or studios. 27 00:01:29,000 --> 00:01:33,350 And because of this, like final pieces that are uploaded are of the highest quality. 28 00:01:33,560 --> 00:01:38,600 I generally love to catalog different things, like I mentioned before, and this is what I generally 29 00:01:38,600 --> 00:01:39,680 do and this is how I use it. 30 00:01:40,010 --> 00:01:46,550 So I like to sometimes just browse all I'm a big fan of, like different things. 31 00:01:46,550 --> 00:01:50,270 I guess like an example would be like if I just typed typography. 32 00:01:50,660 --> 00:01:54,020 Some people are doing some really interesting stuff that may inspire me. 33 00:01:54,680 --> 00:01:59,690 I've just seen something like this print collateral and looking at all these different shapes and the 34 00:01:59,690 --> 00:02:05,660 way they're positioned and even the way like the text is bolded and laid out, something like that could 35 00:02:05,660 --> 00:02:09,050 inspire me for like website hero page or something like that. 36 00:02:09,050 --> 00:02:12,170 So like anything you can grab inspiration from. 37 00:02:12,170 --> 00:02:19,160 And I feel like a lot of people get really hooked up or held up on trying to find just the right solution 38 00:02:19,160 --> 00:02:20,690 that they can kind of mimic. 39 00:02:21,230 --> 00:02:21,950 Don't do that. 40 00:02:21,950 --> 00:02:25,010 I mean, that's one way to kind of steer creativity. 41 00:02:25,220 --> 00:02:31,400 So what I like to do is like if I'm going to search for something like navigation or mobile navigation, 42 00:02:33,260 --> 00:02:35,660 I like to see all these different types of, like, options. 43 00:02:35,660 --> 00:02:41,420 So like, if I go into this, this is pretty cool, just the way they have these little kind of micro 44 00:02:41,420 --> 00:02:43,130 interactions animations. 45 00:02:43,550 --> 00:02:45,050 So I may just like save that. 46 00:02:45,230 --> 00:02:48,170 And I have a bunch of different like collections. 47 00:02:48,170 --> 00:02:52,460 So you can see I have a collection for Calculator's or Carasso forms color. 48 00:02:52,460 --> 00:02:55,730 There's like CRM tools that I like to look at. 49 00:02:56,510 --> 00:03:00,620 I may see this on their mobile navigation. 50 00:03:04,250 --> 00:03:07,280 And I can just create a collection really quickly. 51 00:03:08,090 --> 00:03:09,760 So this is really cool. 52 00:03:11,010 --> 00:03:16,130 And there you go, it said you can even like it if you want and you can start typing and you know, 53 00:03:16,170 --> 00:03:19,470 some people like to give their feedback or just ask questions. 54 00:03:20,100 --> 00:03:21,250 It's a really great place. 55 00:03:21,270 --> 00:03:22,800 So this is where we typically do it. 56 00:03:22,800 --> 00:03:23,940 Like I would grab this. 57 00:03:23,940 --> 00:03:29,490 I would say that I would type in like mobile navigation and start creating a collection of different 58 00:03:29,490 --> 00:03:30,570 ways people have done this. 59 00:03:30,570 --> 00:03:35,210 If I'm trying to solve a similar problem that I'm stuck on now, I may not be stuck on this persay, 60 00:03:35,220 --> 00:03:40,920 but I may get inspired by something like just how they have done these smooth animations, like in this 61 00:03:40,920 --> 00:03:42,050 example I just showed you. 62 00:03:42,810 --> 00:03:48,120 So I may really like this, the subtlety of it, and I may want to implement something similar for my 63 00:03:48,120 --> 00:03:48,630 product. 64 00:03:49,470 --> 00:03:54,960 And the easy way to get there is to hover over your profile and go to, like, make collections over 65 00:03:54,960 --> 00:03:55,350 here. 66 00:03:56,100 --> 00:03:58,440 And you can see, like I have like even a test. 67 00:03:58,440 --> 00:04:00,600 I have a bunch of different options here. 68 00:04:00,900 --> 00:04:02,700 So I have mobile navigation right there. 69 00:04:02,730 --> 00:04:06,720 And I'll just, you know, kind of go through them. 70 00:04:06,720 --> 00:04:13,320 I may like copy them or like make notes about this mobile navigation if I edit it and add a description 71 00:04:13,320 --> 00:04:13,590 to it. 72 00:04:13,830 --> 00:04:15,310 So that's how I typically use dribble. 73 00:04:15,330 --> 00:04:21,570 I mean, like I said before, you can get inspiration from like any type of discipline, like even if 74 00:04:21,570 --> 00:04:22,260 it's branded. 75 00:04:23,850 --> 00:04:28,740 Like, just seem like maybe like just the way that they've incorporated a background here seems very 76 00:04:28,740 --> 00:04:29,400 interesting. 77 00:04:29,400 --> 00:04:35,610 And how sharp like in terms of contrast there is between color and shade, you know, don't limit yourself 78 00:04:35,610 --> 00:04:40,590 just by trying to find the right solution for what you're trying to do, you know, look elsewhere. 79 00:04:41,310 --> 00:04:43,200 Another thing I like to use is Pinterest. 80 00:04:43,800 --> 00:04:46,060 This is a whole lot of library of visual content. 81 00:04:46,080 --> 00:04:49,980 I mean, you can get inspiration for everything here, but there is a lot of noise. 82 00:04:50,520 --> 00:04:54,670 I think the best way to get inspiration from something like Pinterest is to do what I've just done here, 83 00:04:55,020 --> 00:04:58,550 just have a very, like, targeted search. 84 00:04:58,560 --> 00:05:00,140 So I chose mobile design. 85 00:05:00,480 --> 00:05:03,140 And yeah, there are a lot of different options here. 86 00:05:03,390 --> 00:05:05,640 And what you can do is you can just kind of save it. 87 00:05:05,820 --> 00:05:11,280 I have like a family meal plan, little kind of collection over here and you can, like, save those 88 00:05:11,280 --> 00:05:14,100 collections for yourself or those boards so called in Pinterest. 89 00:05:15,030 --> 00:05:19,350 I mean, one thing you can also do like is create a bunch of different boards about different types 90 00:05:19,350 --> 00:05:21,070 of design patterns that you love. 91 00:05:21,450 --> 00:05:23,620 So that's one way to use Pinterest. 92 00:05:23,700 --> 00:05:27,120 I also like to just like use Pinterest just to look at different things. 93 00:05:27,130 --> 00:05:29,560 I mean, it could even be like interiors. 94 00:05:29,580 --> 00:05:33,220 It could be anything like design related, even if that's interior design. 95 00:05:33,450 --> 00:05:36,880 Like I said, don't limit yourself just to, like, finding the right solution. 96 00:05:37,380 --> 00:05:44,880 So what I typically do is I like to just kind of go into one and I'll like I'll save it to a certain 97 00:05:44,880 --> 00:05:45,270 board. 98 00:05:45,280 --> 00:05:48,200 So, like, all click save and it'll go into that board. 99 00:05:48,210 --> 00:05:49,470 It went into the wrong one. 100 00:05:49,470 --> 00:05:50,870 But you can kind of change that. 101 00:05:51,330 --> 00:05:52,080 You can pick. 102 00:05:53,220 --> 00:05:59,700 Basically, a bunch of different sports, you can even make a new one on the go, so and that's definitely 103 00:05:59,700 --> 00:06:02,820 an easy way to keep track of a bunch of inspiration. 104 00:06:03,210 --> 00:06:09,000 There's also a plug in that allows you to actually, like, save different types of content. 105 00:06:09,010 --> 00:06:12,900 So if we go back to dribble, so here's my Pinterest extension. 106 00:06:13,710 --> 00:06:20,370 And what you can do is like if I focus on here, I have it pop up over here that I want to save it to 107 00:06:20,370 --> 00:06:20,790 somewhere. 108 00:06:21,240 --> 00:06:24,120 Even if you're on a different site, you can save things to your Pinterest board. 109 00:06:24,360 --> 00:06:28,190 The easy way to use Pinterest and collect inspiration over time. 110 00:06:28,740 --> 00:06:29,970 The next one I like to use. 111 00:06:29,970 --> 00:06:31,230 I don't use this very much. 112 00:06:31,230 --> 00:06:36,210 But I mean, one thing I really love about Behance is that the quality is really good here. 113 00:06:36,210 --> 00:06:38,760 And, you know, there's a lot of explanation behind some of the work. 114 00:06:39,030 --> 00:06:42,720 This is another interesting place to find a bunch of different types of inspiration, whether it be 115 00:06:42,720 --> 00:06:48,550 like graphic design, you know, all different types of design I often use is kind of like alongside 116 00:06:48,550 --> 00:06:50,840 dribble, but not as much as dribble. 117 00:06:50,950 --> 00:06:55,860 A good thing to note is that big businesses will spend a bunch of money advertising job roles here with 118 00:06:55,860 --> 00:06:57,510 hopes of attracting top talent. 119 00:06:57,540 --> 00:07:01,490 So since there are big brands on the lookout, you can expect to find lots of work. 120 00:07:01,500 --> 00:07:05,150 You know, there's a lot of great ideas and lots of creativity. 121 00:07:05,520 --> 00:07:10,710 So if I go here and I search like mobile. 122 00:07:12,500 --> 00:07:17,570 Like, I can already see there's a bunch of different like options and one thing that's really great 123 00:07:17,570 --> 00:07:22,760 about it, that's way better than dribble dribble just kind of gives you a snapshot of a design over 124 00:07:22,760 --> 00:07:28,820 here, like a lot of people like to upload, like, so much content in regards to the actual app. 125 00:07:28,820 --> 00:07:33,230 Like you often only see like just a snippet that looks really good, but you kind of are left in the 126 00:07:33,230 --> 00:07:36,800 dark about how the rest of the application pans out and if it's good at all. 127 00:07:36,830 --> 00:07:42,200 So this is what like a lot of the different types of like kind of things you'll see on Behance, like 128 00:07:42,200 --> 00:07:46,790 a lot of different types of gallery image, like images like this, they'll break down like a challenge 129 00:07:46,790 --> 00:07:48,250 or customer development. 130 00:07:48,260 --> 00:07:53,600 I like this stuff way more than the pretty screenshots I'm really interested in, like how they solve 131 00:07:53,600 --> 00:07:55,510 the problem and how they got to the solution. 132 00:07:56,710 --> 00:08:02,050 So some people will often post things like that, I like to see how people even lay out like or define 133 00:08:02,050 --> 00:08:03,130 their style guides. 134 00:08:04,340 --> 00:08:10,940 So this is really cool to see more in depth animations, which look really, really smooth, I like 135 00:08:10,940 --> 00:08:15,140 to see different types of things, like they have a transaction's over here, they have card settings 136 00:08:15,680 --> 00:08:17,300 just like the bankcards would look. 137 00:08:17,420 --> 00:08:21,740 It just gives you a lot more versatility and how you want to, like, view those projects and what you're 138 00:08:21,740 --> 00:08:22,290 looking for. 139 00:08:22,370 --> 00:08:27,140 Like if you're looking for a quick solution for like a design pattern, then, you know, maybe dribble, 140 00:08:27,140 --> 00:08:31,130 maybe one of the better sites to look at or patterns which we'll get into next. 141 00:08:31,130 --> 00:08:34,640 But this was really great to get overview of certain projects. 142 00:08:34,650 --> 00:08:39,890 You know, there may not be as many, but a lot of the projects on here are just top notch. 143 00:08:41,030 --> 00:08:48,680 So another thing I really like to use is pattern, so one thing you need to know is that patterns isn't 144 00:08:48,680 --> 00:08:49,980 free entirely. 145 00:08:50,600 --> 00:08:53,870 This is essentially like a focus on mobile design patterns. 146 00:08:54,050 --> 00:08:56,570 And there's some great mobile app designs here. 147 00:08:56,570 --> 00:08:59,810 And you'll get screenshots of like in-depth UI elements. 148 00:09:00,240 --> 00:09:04,040 You can even search just based off of UI elements, which is really cool. 149 00:09:04,430 --> 00:09:05,780 And like I said before, it's paid. 150 00:09:05,790 --> 00:09:08,150 So it kind of limits the amount that you can see. 151 00:09:08,360 --> 00:09:10,370 Sometimes what you can see is enough. 152 00:09:10,370 --> 00:09:14,690 But I mean, if you're really looking into solving for different design patterns and you don't mind 153 00:09:14,690 --> 00:09:18,350 paying for premium, then I think this is a really great resource. 154 00:09:18,380 --> 00:09:23,270 So, like, if we take a look at the side here, we have like different categories, which is really 155 00:09:23,270 --> 00:09:25,130 cool, like if I'm going to look for cards. 156 00:09:26,270 --> 00:09:30,830 I see how different people have handled cards, and I'll only get to see just a little, but I think 157 00:09:30,950 --> 00:09:32,030 they'll stop me like right now. 158 00:09:32,600 --> 00:09:37,820 So it's not a lot, but I mean, it's not necessarily like everything is super pretty, like in terms 159 00:09:37,820 --> 00:09:43,880 of like the dribble effect, but you get to really see some actual solutions that have been implemented, 160 00:09:43,880 --> 00:09:45,170 which I value. 161 00:09:45,170 --> 00:09:46,400 I think I'm a bit more. 162 00:09:47,440 --> 00:09:48,390 What else do we have here? 163 00:09:48,410 --> 00:09:53,410 Like, I love to see different things, like, you know, this is another cool thing, like how people 164 00:09:53,410 --> 00:09:54,610 handle different lists. 165 00:09:55,930 --> 00:10:01,820 So, I mean, this is really great for just finding an individual like UI elements and stuff like that. 166 00:10:01,840 --> 00:10:03,130 I love using patterns. 167 00:10:03,370 --> 00:10:06,010 I have a paid account through my company, so that really helps. 168 00:10:06,630 --> 00:10:12,340 And yeah, this is how I solve a lot of different types of individual problems are like problems that 169 00:10:12,340 --> 00:10:16,600 are kind of more secluded and more focused in a certain area. 170 00:10:16,630 --> 00:10:21,550 So like if an example would be how do I handle, like privacy or popover? 171 00:10:21,560 --> 00:10:26,410 So I have privacy here and there isn't many options, but it's very interesting. 172 00:10:26,410 --> 00:10:28,810 Like, you know, they have a verify your identity option. 173 00:10:28,820 --> 00:10:31,420 So, I mean, think about that when implementing something like that. 174 00:10:32,730 --> 00:10:37,920 If I think about, like, popovers, I think like, you know, maybe like an overlay can come from the 175 00:10:37,920 --> 00:10:41,700 top, it can come from the sides or it's a bunch of different implementations of that. 176 00:10:42,760 --> 00:10:47,860 And the last say, I kind of use I like the site, especially for Web sites, resorts. 177 00:10:48,920 --> 00:10:53,230 So this is another great option for Web based design, they have an award system like you can see that 178 00:10:53,240 --> 00:10:53,780 over here. 179 00:10:54,920 --> 00:11:02,060 And, you know, I displays exceptional designers and they have expert judges and a pretty strict evaluation 180 00:11:02,060 --> 00:11:05,660 process, and you'll notice a lot of the latest Web trends are over here. 181 00:11:06,560 --> 00:11:09,200 So we can search up something like. 182 00:11:11,980 --> 00:11:12,670 Bankim. 183 00:11:14,640 --> 00:11:21,420 And here you can search by websites, you can search by like elements, so if we go to load all results, 184 00:11:21,980 --> 00:11:22,830 we just click that. 185 00:11:23,130 --> 00:11:29,670 If we go there, we can see a bunch of different websites based off of what we searched for. 186 00:11:29,940 --> 00:11:34,890 And what's really great is like I search up something like banking, which you would assume would be 187 00:11:34,890 --> 00:11:40,950 really like rigid and, you know, strict in terms of like their design and their design principles. 188 00:11:41,310 --> 00:11:45,720 But you see a bunch of different, like, takes on what banking could look like. 189 00:11:45,750 --> 00:11:50,970 I mean, not all these things are necessarily banking related, but there's a lot of inspiration here. 190 00:11:52,070 --> 00:11:57,830 So I guess you could just click over here, we have a small banking business and this is Lonestar National 191 00:11:57,830 --> 00:11:58,210 Bank. 192 00:11:58,910 --> 00:12:00,010 It's a really great site. 193 00:12:00,020 --> 00:12:02,240 I can see just a bit of the hero. 194 00:12:04,900 --> 00:12:10,090 And if we click into that, we'll go to the actual website and be able to actually experience that experience. 195 00:12:10,120 --> 00:12:13,590 So this is obviously a little bit different than what we saw. 196 00:12:13,600 --> 00:12:19,120 But, you know, maybe they've had a design update and maybe for the better, for the worse. 197 00:12:19,120 --> 00:12:25,510 But it gives you good context as well into like the solution, you know, going back to pretty screenshots 198 00:12:25,510 --> 00:12:28,020 and not necessarily knowing if certain things have been implemented. 199 00:12:28,030 --> 00:12:29,710 These are pretty much all been implemented. 200 00:12:29,710 --> 00:12:34,570 And you can see how that actually functions when you go to that website and try those different, like, 201 00:12:34,570 --> 00:12:38,300 interactions or, you know, explore navigation schemes and stuff like that. 202 00:12:38,740 --> 00:12:44,830 So these are basically the top ways I get my online inspiration. 203 00:12:45,250 --> 00:12:50,920 I mean, I mentioned before that I get a lot of my inspiration by just staying inspired in general and 204 00:12:50,920 --> 00:12:56,110 like staying knowledgeable on different topics, whether that be like design trends, whether that be 205 00:12:56,110 --> 00:12:58,400 like development trends, everything like that. 206 00:12:58,720 --> 00:13:05,050 So I think it's really important that you kind of catalog some actual visual design inspiration online 207 00:13:05,050 --> 00:13:05,470 as well. 208 00:13:05,470 --> 00:13:08,170 And these are some resources that you can definitely use. 209 00:13:08,170 --> 00:13:13,180 So if you want to categorize everything from all different sites, you know, Pinterest is probably 210 00:13:13,180 --> 00:13:16,450 best to have one source of truth in terms of like a board. 211 00:13:17,110 --> 00:13:22,390 But if you want to stick to certain sites, like how dribble, you can like save collections there and 212 00:13:22,720 --> 00:13:24,170 have it all in one place over there. 213 00:13:24,550 --> 00:13:31,150 So this is what I use and, you know, go out there, find a don't copy people, but just try and stay 214 00:13:31,150 --> 00:13:34,660 inspired online and surround yourself by online inspiration. 215 00:13:34,660 --> 00:13:37,870 So that way when people come to you for ideas, you're kind of on the ball. 216 00:13:38,050 --> 00:13:43,630 You understand a bunch of different design patterns and you just have general knowledge of what are 217 00:13:43,630 --> 00:13:44,740 the latest trends. 218 00:13:44,960 --> 00:13:46,240 So go out there and have fun.