Using Beautiful AI Art for Web Design + ChatGPT to Create an Insane Website

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
Imagine a beautiful website for a boutique furniture store high end luxury UI UX. That's what I'm going for. Imagine that. And this is what I get. But now I need a furniture piece. I want, like, four or five different furniture pieces. Let's imagine a single coffee table, furniture, high end luxury, traditional, expensive wood, cold attack, alien, dramatic, dark background. Now, that's incredible. All beautiful. I love them all. Quite literally. Like, I would love to have one of these in my Hey, friends, welcome to Create a VAX. My name's Brad Halsey and I'm a web designer. Today we're going to be playing around with some A.I. tools to create a beautiful, stunning Italian luxury brand. We're going to come up with the concepts, the ideas, the mockup, the designs. I want furniture, pieces. I'm seeing luxury here. And I want to be able to take this vision, create some assets and imagery in record time. I'm talking minutes and and put that into a site and I build it in Editor X. And so all this is going to be using I know called drag and drop. It's going to be crazy. It's going to be a ton of fun. So let's jump in and see what sort of interesting stuff we can come up with. Let's go. All right. So what we're going to do now is create some imagery and air to using mid journey. Now I talked about Mid Journey in my other video and you've probably seen it kind of come on the scene now, but it's a really interesting way to create images and graphics and assets and creative elements and art. It's just fascinating what people come up with. Now, if you're not used it, basically you go to mid journey economy, you can sign up and you could pay for an account, which is what I did. So I can just play around with it a ton and have more prompts, but you can also play around with it for free and follow the steps on how to do it. You'll go to discord and then you'll type in Imagine and then you'll imagine somethings a couple of keywords that you need to throw in and it will just generate this stuff. It's so interesting. So what I'm going to do, it's going to ask mid journey to imagine a beautiful website for a boutique furniture store, high end luxury UI UX. That's what I'm going for. Imagine that this is what I get. I get four versions of this mockup, so all of them are kind of like exactly what I'm imagining here. Now, I quite like these. Now I want something more like version one upscaled. Now upscaling is when you take this low fidelity mockup and scale it up, give us a higher resolution. And what I get is this. Now this is going to serve as the basis for our mock mockup. You can hand code it, you could design it figma and hand code it. You can build it in various tools, you know, and web editors. But my favorite is Editor X, and that's what I'm going to use eventually here to build this out so I can see this and I know how I'm going to build this out. So I'm going to keep this on hand. But now I need a furniture piece. I want like four or five different furniture pieces. So let's go with something like let's imagine a single coffee table furniture, high end luxury, traditional, expensive wood called Italian dramatic, dark background. Now, that's incredible. All beautiful. I love them all, quite literally. Like I would love to have one of these in my house. I'm going to say number two and I want to upscale number two. Now, what I'll do is I'll save this and I'll save it to my computer and I'm going to upload these assets into Editor X in a few moments here. So now I need another piece. Let's imagine a single chair, hot furniture, high end luxury, traditional, expensive gold, Italian upholstery, dramatic, dark background and I need four variations. This is what I get. Incredible. They mean just the design of these pieces. I can't even imagine how these are made. I love it. Number three, I'm going to roll with that one and I'm going to upscale number three. And this is what I get. So I'm going to save this as well. Now, I can't be done just yet. We need four pieces. So let's imagine a sofa, sectional furniture, high end luxury, traditional, expensive wood, upholstery, gold, Italian design. And I want four variations. I love them all. I wish I could just use all of them, but I'm just going to be exclusive here and pick one. Let's go with number two. But I want to see some I want to see some variations on number two. So let's ask mid journey to create some variations of number two. So as we can see, we got the same concept slight different. Kind of like one of these things is not like the other. I'll save this. It's going to be going into my media library. All right, one last thing. Imagine a king sized bed, furniture, high end luxury, traditional, expensive wood, upholstery, gold, Italian, dark background, dramatic, four variations go. That is a monstrosity of beauty and elegance and strangeness. So let's upscale number one. I'm going to save this. I need one more piece and maybe not a piece of furniture. I think four is good enough for our dummy mockup site, but I want like the owner, the boss, to be sitting in one of these pieces. So let's ask mid journey to imagine a man wearing no. Let's ask my journey to imagine a gentleman wearing an expensive suit, sitting in an expensive chair, looking at a camera, using a like a camera, a portrait. I want some broken, blurry background furniture. Let's see what happens. So I'm going to save this and then do a little Photoshop to kind of put my face in this man's face just because it's funny. I can't help myself. And here's what I get. Not too shabby. All right. So I've got all my assets created in mid journey, but I'm all saved. Let's move on over to Editor X and start building a site. All right, so we're going to build out a site with Ed X, a Web creation platform that allows you to build your business as a creative, professional without code and with a whole suite of business tools. So I recommend checking it out. Editor Dexcom Now what I'm going to do here is I'm going to look at a mock up that we have here, and I'm going to use this as inspiration. Now, maybe I will build this verbatim. I mean, we could it's pretty straightforward. We've got a big hero image here with an impressive, impressive piece of furniture here. And then just to call them grid a line above the products, call to action. Pretty straightforward. This is easy to build, but I kind of want to run with this a little further. Now, what's cool in Editor X is when you start a site, you can start with a blank canvas, which is usually how I do it. But if you want to start with a template to get more familiar with that interacts well, they have a whole bunch of templates that are built right in that you could then you can work from, you could preview them, you can see what they look like and then you could just use that and replace the content images design style. It's very easy. So going through here, I actually kind of want to use this interior design firm website template. All right. So I'm going to go ahead and update the color theme of this site. Right now, it's just kind of black and white. I want it to be more like this, rich, black, gold, brown. That's what I'm going to go for here. So I'm going to quickly get the colors from our mock up here and then I'm going to add that to Editor X. All right. So these colors for now are going to work. I've got my dark background, white, creamy white text into my action. Color is more of a gold. That's all I'm going to really work with for now. All right. Let's take a look at the template here real quick. It's a very appealing site just to get started with here. And kind of what I'm going to do is just update the imagery and the text. So I'll do that real quick right now, just to give us a feel for this new site that we're going to build this luxury Italian furniture site. So in order to get these images in here, I'm going to upload the images that I created. All right. Images are uploaded. I'm going to add a new section right above here. It's just going to be let's call it a grid, no blank section. And in here, I'm going to add a background image so that it matches more of our design right here, that market that we're going for. I want a big hero image of a really impressive piece of furniture. Okay, so here is our amazing king sized bed. I'm going to make the section taller and oh, my gosh, this is amazing. Now I want text to be right in under it. Now, the text right here is called the theme Espacio. I want it to be something. I want this. If we're going for this Italian luxury, out-of-touch brand, I want it to be some sort of word, the Italian word that I don't know really gives us that vibe, that out-of-touch luxury, Italian exclusive something, something. So I'm actually going to open up chat t to help us come up with some ideas. Building a site for a luxury island brand. I need a fancy Italian word. All right, so we got Santa also, which means sumptuous or luxurious. Splendido lust was so opulent, so spartan, so that's kind of cool and opulent. So let's go with, like, opulent. So cool. It means opulent or rich, which is exactly what we are going for. So I'm going to grab this right here, Spazio, and then we're going to reattach it up here and I'm going to update this text. All right. We've got up, you Lento, and then I'm going to update the header hero logo here. Now, like already, this is just magnificent. Now we got a two part. We got content on the left and a stunning product imagery on the right. I can make that happen. Already got a set up here, so let's make that happen. So we're going to update this image on the right to be our product line up just a little bit of a demo. We're going to change the image to our beautiful four single dining chairs. There they are. And now we need some copy. We need some words here that are going to give us the essence of this is way too expensive for you. So let's say this is luxury Italian furniture. Now let's go back to our chat JPT. We need some content for this. All right. So let's say create some content for the home page. So here is the sample content provided in English. All right, let's see. All right. So we got some content here. I'm going to copy paste a little bit. Pop it in there in our editor, Excite. All right. So we've got text and now we want our button. We need a call to action button. So that's going to be straightforward. Let's just click out a button in here. Now I want it to say invest now and then the background color of this button is going to be that gold. I want the text to be white, maybe black. No more exclusive. Yeah, sure. And then we're going to make the theme something more like this. I want no rounded corners on this exclusive brand. Rounded corners are going to be a serious faux pas. Now, let's align this up. Perfect buttons a little bit too big. It's a little bit too like, please by now we want it to be like, I don't know, whatever. We don't need your business again. We're going for real pretentious here. I'm going to stack these, create some alignment, beautiful luxury Italian furniture, the Italian luxury brand that represents the highest quality craftsmanship and timeless style invest now. So, I mean, look at this. Look at what we've made. Look what we got ourselves into. Opulent oh one thing that would just make this even better, just even more something is a little bit of an effect as we scroll. So let's background scroll effect this. I'm going to make it just fade out like disappear like it's vanishing. If you wait too long, somebody else is going to get it. That's like what I'm going for here. And I want it to, like, fade out like, and I want the text to just kind of go away as well. Now I want the text to fade in actually slow fade and like, you got to wait like a quick fade in for user experience and usability. It's like, no, no, no, no. You're going to wait to read the word that appears on your screen. Like I'm going for that level of pretentious brand. That's what I'm going for. So like duration. Now listen, 1.2, I'm talking like maximum 4/2. Wait, how beautiful. Let's check this out. Of course, off your lento fades out, it's gone. Here it is. Luxury Italian furniture. All right, now what I'm going to do, look at this. So now what I'll do here is on this project section. This is a perfect opportunity for me to just put in the furniture pieces with, like, their name, some Italian word that is on brand here and the image. And then it creates this cool scrolling effect. Yeah, perfect. Okay, so I did all the images and they are incredible. I'm shocked at how impressive and beautiful, ornate these are. So cool. All right, so let's name these. I want each of them to have, like, kind of an Italian word that represents like, again, I want it to be this, like, over-the-top fancy Splendido, you know what I'm talking about. So instead of, you know, seat, I want it to be like an Italian. Italian word like to set. Let's add the verb to sit. Okay. So to sit is like sit at a I don't know if I'm saying that right. Sorry for my Italian audience, for me getting these these pronunciations wrong. Now a little too literal. I don't want it to just be like to sit or a chair. Maybe. Maybe I want it to be like, I don't know. What do you do when you're in a chair? You know, beyond sitting, pondering, you ponder in a chair to ponder, Oh, that is the word I'm looking for. Reflexivity. Oh, that's I'm assuming it's like to reflect. Perfect. So this chair is going to be called creeping LETTIERI. Oh, it's perfect. Now, this information is where we can put something like the price and the call to action to invest in the piece. So this price, it needs to be astronomical and probably in euros. Oh, I don't know. Like what? It's kind of like this watch cat what number to be come up with four or five. Okay. It's in the millions. Let's go down a little bit. Maybe it's in the we're going to make it €45,678. Yeah, that's it. Perfect. And we're going to explain what it is in English for the for the for the Petit folks who don't understand what that really relief literally means. Look at this. It couldn't get any better than this. And this is going to be in vest, purchase, buy. What would we say? Yeah, look at this. Okay, next, what do we got? We're going to add all our beautiful love seats. Now, this is an opportunity to use the word love to set a set, my love. What does that an Italian see the more in me like this is good. This love seat is called Seria. More Romeo. All right, what's next? We've got our. Oh, our astronomically luxurious king sized monstrosity of a beautiful piece of feathered gold, velvety, goodness resting place. There's our word resting place. What is this? An Italian resting place on an low logo due repose. So a little long. What if it was like, rest here? Yeah, that's more like it. Repose. Saki, I may or may not be getting these pronunciations right. And this, my friends, can you imagine how hard that was to make €217,631? And what is this? What is my one liner breast dream like? Come on, I am crushing this. Let's visit our a I content, an image and art generated website not built with no code in editor Rex and our imaginations up lento. It's fading out of your hands before your very eyes. Luxury Italian furniture. The Italian luxury brand that represents the highest quality craftsmanship and timeless style projects. Of course, it's called projects and even pieces or furniture or shop. Shop. What are we like? Like a general retail store? No. You know, the leaf, literally a chair to reflect Cyr The Amore in me or a seat for lovers. Reports are key rest dream feel a bed l to open for your feet lift them up a table a sandy serviette to be served enjoy merriment chairs in a capo. Richard the boss I'm going to make that appointment. And here's our office in New York, USA, my friends. And that is how you use A.I. to create stunning imagery, scale them up, utilize them for your projects. Now, of course, this was a totally fake, silly, extravagant brand that I just dreamed up with the help of A.I. But I think there are real world implications here. I think that what you can do is you can, whether for your own projects or you're just getting started and you want to create something cool and interesting. If you I've got no clients. I mean, you could do this to get your hands dirty and start playing around. But let's say your professional and you are wondering how can I incorporate A.I. into my business instead of thinking of it as it's going to replace me or it's going to do this, you're going to do that. The better you communicate with this tool, the better results you're going to get. And you're going to be able to use this to come up with ideas to jog your your thought process, to to help you and assist you along the creative and development process. And then when you pair it with something like Ed AX, you can build these things in record time, come up with interesting brand concepts, or utilize these concepts for your own brands, for your own projects, for your own clients. So my friends, if you like this video, make sure to give us a like subscribe to the channel. Let me know your thoughts down below. Not only about my Italian pronunciations, whether they're good or they're bad, but also what your thoughts are on AI. Join us by subscribing. Join us in the Creative X Crew where we can continue this conversation. Links are in the description below and we'll see you in the next one.
Info
Channel: Creative X
Views: 37,323
Rating: undefined out of 5
Keywords: how to use midjourney, midjourney ai, generate your website with ai, better web design with ai, ai powered website design, building a website from scratch with ai, artificial intelligence and design, ai and web design, web design tutorial with ai, how to build a website with chatgpt, using ai to create a website, ai for copywriting, ai web design tutorial, openai, ai art, ai, ai web design, midjourney, brad hussey, web design, creative x, editor x, ai for web design
Id: n7rYcJbJq9w
Channel Id: undefined
Length: 21min 33sec (1293 seconds)
Published: Thu Jan 12 2023
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.