 What's up website creators? All right, I gotta ask you have you ever built a website and designed one and like This one is like one of those special ones one of those ones that just came out super dope like it is like really nice This is like one for the portfolio. You're really proud of it. It came out really well You show it to your design community you get all kinds of positive feedback You're excited about it like it's something you're really proud about and you're excited to show the client But when you show the client They come back with a totally different response than what you're expecting They'll come back with something like maybe like, you know, this isn't what we were looking for We're expecting something different. Can you redo this or they might come back at you with a super long list of Revisions which basically is just undoing all the work that you've done Well, that's the reason why we use style scapes and what a style scape is It's it's sort of like a mood board, but it's much more than that It's like a layout like a landscape layout and it's filled with brand assets and identities from the client as well as a bunch of different imagery and design elements and they're all put together and the reason why we use ease is Design the subjective what looks good to us Might not look good to someone else or what looks good to them and looks Not appealing to us They might really like and that's what we need to figure out before we even start to design and Style scape will allow us to find exactly what the client likes and what they don't like and something to keep in mind too Sometimes you're dealing with clients and they run they might have more opinions They might have more than one person because it's one thing when you got one person Giving you their feedback and giving you their opinion and their Vision of good design for them. But what happens when you got like three four five even ten Decision makers inside the business. Well, we want to get all that feedback So in this video, I'm gonna do is I'm gonna show you the formula to building the formula that I use And I've been using and that's been working very well. I'm gonna show you What it is what they look like how to put one together How they work I'm going to show you exactly what style scapes are if you're brand new to style scapes This is a good place to start right now. So let's go ahead and take a look at some style scapes. All right So this here, this is a style scape that we created for one of our last projects right here I put this together now. You see there's a lot of things going on over here. It's actually Three style scapes right here. So let me go ahead and just show you one at a time So I don't want to overwhelm with all of them together. So here it is This is a style scape right here and you could see it is like a long Landscape landscape size to it now Here is the formula that we're going to use I'm going to show you the formula They're going to show you how the formula works inside of style scape The first one is we always want to start with the client's target customer or user Let's go back over here. You can see that's why this person is here This is our target customer or their user and also let's keep in mind before that I before I Built this style scape. I had the in-depth conversation with the client I did a discovery and I found out who their users are I found out who their target market is and we actually did like user personas Exercises because for me I need to know who I'm making this for and the client needs to know Who are we making this for? So we want to keep the focus on The target customer or target user and we always put them on the far left because The way the human brain works is we always start on the left and we get our information from the left And then we go right so the most important things always start at the left Next section. Let's go back to the formula So the next next section we want to put in there We want to put the client's logo and brand colors. We want to identify the client So right here. We got their their logo right here. We got their brand colors Then we also want to put words that describe the client's brand Let's go back over here. You can see it's kind of small Let me open it up. But we got right here three Brand identity words that describe the brand and these are words that I got from our discovery call This for this one is innovative scientific premium. They kept mentioning these words over and over inside our call All right back to the formula. So we want to look at typography and style All right, so we got the typography right here And this typography this is actually coming from the client So the client came up with this typography and I put it in there and you're gonna see we skipped a little something See, I put a little image. Well, not little. This is a big one for this one We were lucky because the client already had photo shoots done or their products and we had images So we added image right inside the middle to Well, we want to get their colors. You see how the colors reflect with everything And then we got the client's images All right for the next one. We kind of reversed it a little bit. So it could have gone either way I could have put the typography on this side the image on that side But it gave balance. So I just switched it around like I said as long as you have these elements on there You're gonna be okay. They don't have to be perfect The only one that has to be that I would not change is gonna be the the target user That's the only one I would not change and probably the logo and colors too I would keep those these on the far left most definitely All right back to the formula More imagery want to pull more images out and then we also want to throw some web design images as well so you can see here they said they liked words like scientific and You know, they're talking about clean nature. So that's why through this image there. It's a science See type of image Same thing here. Just another random image. I put another image here of their target user right here So I want to still keep the focus on their target user or target customer and then I throw in a couple images of Different web designs different web design styles and then on the far left over here That's like jungle on the background. I again, I just want to put big images there Like backgrounds and textures and I just want to gauge with the client likes So that's the first one. Let me go run you through the second one now So here's the second one again. We start off on the far left with the target user and Then I added the other two and real quick. Let me show you this. I did build this before And before when we did our call when we did our call, I created three of their customers So we already got three customers here because these are the focus for it So I started off and I put their target customer here, but I did something a little bit different, you know here We use Dan we use the man the guy So we use the male customer right here here We started with the female customer then I put the other two there as well Then we got the the logo just made it a bit different. We made this one black And took out the colors on it We put in three more of the words But these ones were different words because they use they use quite a few words to describe themselves I wrote them down, but I wrote down the highlights the ones they kept talking about this one was Confident honest and high quality and then we got the brand colors here and I just picked another image I got I got this like out of unsplash. I just found an image that matched their colors and Then I got another image of their products right here Well, then we did the typography and you can see the typography is quite different from the first one See, I want to mix it up. I want to see what they like, you know So here's more of a straightforward clean Sand serif and then we got more of a serif font over here. So it's more of You know, I also changed the fonts over here. So we put the serif because it's more premium I want to get more of a premium fill. Also, if you could see I put a little bit of a design element here a little bit of a Oxshadow and try to get that material design For that style here. I threw in like a big text right here innovation with like Jungle masking in the background then I put in here a graphic and graphic illustration I want to see what they think about illustrations as well as icons. I throw in some icons I want to see what they think about these icons and then I ended with a couple web design Well one web design image right here some more of the products and then a completely different type of background image Right over here, which is like a black and white of Bangkok of the city and that's where these clients are from. So that's why I chose that city So that is style scape number two Let me run through style scape number three because here we do something completely different This one is going to look way different and again, we start off with with Dan our Clients target customer right here. We got the brand colors. We got the the logo. We got the brand identity right over here The words that describe them again pictures of Bangkok this one. We went with the darker style I wanted to see what they felt about this dark style the style with like right here says innovation like big bold Outline letters. I'm just throwing different web design elements at them. That's all I'm doing right here The typography very similar But a little bit more bolder on the titles their products More imagery right here more design elements. I got put in a testimonial and then Another web design mock-up right here and I get these from dribble I go on dribble and I find websites are going to be similar to our client sites And I just go ahead and screenshot it put it in there and let the client, you know, let us know what they think And then more images right here All right, so that was a lot right there. That was a lot to process That was a lot to put in there. Let me explain now why I choose three first off three is a magic number three is Is like a universal number so always I always do three style scapes, but there's There's a method to these three right here as part of the formula The first one here on the top number one What I did here and what I always do is that one comes from the example websites the client gives me You know before I used to always I didn't do style skates before I used to go off the example websites The clients gave me but I never really understood sometimes they could articulate What they liked and what they don't like But that wasn't always the case there's a lot of times a client would just say I like this I like this I like this and then send them but what do they like about it? What don't they like about it? So with this one I use the first style scape and I take elements out of it And I want to try to see what they like and don't like so this first one This is what I call the safe style scape This one is safe right here because these are all elements out of the example websites that they gave Number two now number two this one here. This is my style scape. This is What I'm envisioning This is like the elements that I could see using on their website Based on my design preferences and on my experience as a web designer So number two is all me number one is the client number two That's me right there then number three number three is where we go completely different We go out the box. We do something wild. We do something that is just that is just out there That's not my that isn't something safe for me isn't safe for the client But it's just bold is something completely different and we use all three of them So this way now the client could go through and they could say I like this. I don't like this We really love this like for this project right here. I Mean we went through this and the clients went through this in detail. It was brilliant It was awesome even the big bold one down here like that that line text with the innovation They loved it and we actually use that style on their website You know when we did this project for the client The response was awesome from the client. It was awesome It's the best when you create a design and you send it to the client and they love it. They come back That's just that's the good feeling it doesn't feel it's hard. It is hard when the client comes back to you and says That's not what we're looking for. We don't really like that because that hurts our pride. We're creatives No, I'm sure many of you out there watching this you're you're sensitive like me You gotta be I know there's many sensitive Creatives out there and when someone says they don't like our design work It's just like, you know, that pride gets hurt the defensive mechanism Kicks and you don't know design and you then you're stuck trying to convince the client. This is good and That's not the way to go. You know using a style scape though when you use a style scape You could find out exactly what does the client like and what won't they like you can save Both of yourselves a whole lot of time and you could give a whole Just a much better experience and if you're new to design and worried about using Design tool like Figma Adobe XD or sketch. Don't worry about it This is a really good opportunity to get started because it's not complicated this right here We're not doing a bunch of complicated stuff. We're basically putting elements together but in a way that Has a formula and a method behind it and the formula is quite a simple one to do You can start off very easy and of course as time goes your design skills improve Then you could go ahead and you know, you can make these a whole lot more creative and put more into it I like to keep it simple Most of my time is going to go into Designing the mock-up. So I like to keep this part very simple I like to build it just to get the results and the feedback from clients. I hope this helps out I hope this can't help your design process. It has dramatically improved my design process over a year The feedback I get from clients now is way different now ever since I started implementing style scapes And it gets a more involved. It's just been a great transition I won't even touch a project anymore without doing these style scapes because The results are there the feedback that we get is there The evidence that has to show me that this Improves the design process and the experience for myself and our clients Just so much more that I don't think I could ever go back So this is really easy to put together to get started Make sure to subscribe subscribe that way you get notified because we do have another video coming out part two of this And on part two I'm going to take you step-by-step on building a style scape as I'm going to build one for an upcoming project That we're doing so that way you can follow along step-by-step and just get more of a personalized Lesson on it and then on the third video that we put out That ones I'm going to show you how to present your style scapes to clients So that way you can get the most out of the feedback. That's it for tonight I really hope this helps out. Please like and subscribe. We could use all the help or a new channel We appreciate the support and we'll be back soon. All right. Thank you