Midjourney + ChatGPT For Web Design Tutorial
Learn to design high end websites with our Web Design Pro course - bit.ly/3WaPu9D
AI is nice for creating pretty images, but can it help you do your actual job as a designer?
In this video I’ll be showing you how I go from creating an Ai generated brief to achieving the vision of that brief using other Ai tools like Midjourny & ChatGPT.
📽️ CHAPTERS
00:00 - Intro
00:28 - Generating website brief
01:04 - Generating a mock up with Midjourny
07:15 - Creating a logo & headline
14:41 - About us (section)
21:25 - Final results
Goodbrief: goodbrief.io/
ChatGPT: chat.openai.com/
Midjourney: midjourney.com/
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 / flux.academy
Ran's Instagram 👉 / ransegall
Thanks for watching our video!
#aidesign #ai
#webdesignerfreelancer #websitedesigners #freelancerdesigner #freelancewebdesigner
Пікірлер: 128
I have to keep reminding myself that AI is here to help my business, not replace it 👊🏻 this video is an awesome example of how to ride this wave and use it to our benefit rather than letting it cripple us. Thanks Ran
I see it as an opportunity for a creative human renaissance in design. People will begin to value “handmade” content, copy and designs in the same way we do now with furniture for example.
@Beyondarmonia
Жыл бұрын
The people who make "handmade" and the hipsters who buy it is tiny compared to the whole furniture industry.
That's a relief. I am learning figma and I was struggling for design ideas, this video helped me a ton, thanks FLUX ACADEMY!
I wish that you continue designing the full website page!
@dawah17
Жыл бұрын
Me too
@Fostit
Жыл бұрын
+1
@danielc81
Жыл бұрын
It should be as easy as this part just change the page titles and get the info from gpt
@loudcloud1499
Жыл бұрын
@@danielc81 fleshing out the commerce functionality would be pretty cool and look great on portfolio
Love it! Got me excited to start creating.
Thank Ran, great insight! Much appreciated!!
That is crazy case study - i love it!
ChatGPT can also generate a request for Midjourney
@naturallydope247
Жыл бұрын
How do you do that?
Really enjoyed this video thanks for sharing🙌🏾
Wow! AI advancements are going to change everything about how business is going to run! Great video showing one of many workflows to have.
In my opinion, you hit the checkmark with the result at the end!
I've used Midjourney in conjunction with DALLE2 (out-painting) and ChatGPT (and Photoshop) for a few websites now... Works well.
@adilsondarocha5722
Жыл бұрын
maybe this is a dumb question...but after you´ve created the landing page with all of the tools you mentioned, how do i "put" that landing page on my website? do i now have to code a webside myself or is there a way to uppload the design on a shopify store?
@CitiConnectph
Жыл бұрын
@@adilsondarocha5722 you can use something like Editor X to do that you just need to click and drag elements to your page and viola! you have your website. deploying it would be another topic though.
Excellent! Many things can be learned from this video.
When you view the upscaled you can click the “view original” link just below the image for much higher resolution or click the upscale button under the main image for high res… Also in chatgpt you can have a conversation e.g. you do not need to keep repeating the jet ski company… its part of the original conversation.
Impressive results and inspiration. Would love to see what ai creates for a music producer related website
Super usefull video, thanks so much!
That's really OSM.. Pls pls make more videos like that I really appreciate it. thanks u sooo much
Chat GPT Helped me to generate brilliant and organised content for my website. this is really helpful to Website designers.
this is dope. thanks Ran
It’s always about how to use the tools that are given to you :D Magic is meant to happen. Thats some awesome interesting content and created a ton of ideas in my head using AI-ded development and design
Thank you Ran!
That's really an amazing content make more about this
Great vid… thanks. Question… after what you did in figma…. Am wondering if you created the landing page from it and how?
Thank you so much brother ❤️❤️❤️
Need more videos like that
This is great!
Hi please can you tell me how to make a mock-up for wall art prints to sell.what exact prompts I should write
The best thing to use this ai is for images. They create really beautiful images. For web design it is good for inspiration only.
@thespringbox
Жыл бұрын
Is it ok to get an idea or copy the templates from Midjourney? I'm preparing my portfolios for getting into the company and I'm kinda scared. Won't they complain about this during the interview because it's NOT my original ideas?
@yashkalra6518
Жыл бұрын
@@thespringbox dont blindly copy the whole template just take inspiration like colors, images,illustrations used. Then create the new design in figma you can ask similar images from ai.
@thespringbox
Жыл бұрын
@@yashkalra6518 I see. Thanks for advice
How do you make the page interactive? For example, using this design on Wordpress
Great video. The only problem is that's a random jet ski not the client's jet ski. Can mid-journey make more images if the client only has one or two pictures of their product? That would have been a good test.
GREAT!
מדהים!!
maybe this is a dumb question...but after you´ve created the landing page with all of the tools you mentioned, how do i "put" that landing page on my website? do i now have to code a webside myself or is there a way to uppload the design on a shopify store?
Wow I’m about to become the goat at work designing websites 😂
Ooooh! Can’t wait to watch!
I guess it's nice for the asset generation, but a designer could definitely make this wireframe in the same time. It's just a banner with text + cta, and one side by side module. Just use a CMS at that point?
Nice 👍
Hey, how can I ask to use my product photos? it's possible?
hi I have given a prompt to midjourney and am not getting relevant results even though I have tried tags too. what to do now?
Nice
Cool
How about addressing legal issues surrounding those ML image generators (which are not AI by any means)?
Perfect tools for non-creative ppl. This is your moment guys ! Now you can finally pretent to be an artist 🤣
a m a z i n g 😍😍
In the near future, a client can generate a full website straight from the brief. No web designer needed. Clients can just subscribe to a Squarespace type of service which has design and hosting built in. If you are a jet ski company you just type in prompts and it crates the site right in front of you. You have unlimited revisions and the design adapts according to customer behaviours.
This will increase my income. Thanks.
everybody is afraid of AI but this man is using it like his employee: "Give me a logo and I want it fast, in the meantime generate a photo according to my prompt, now!"
@djcaly84
Жыл бұрын
Well, that's the purpose of the AI, to work alongside people.
Epic
GOTTA love me some AI generated hands!
By the way, what tool do you use to screen record while also show your face?
@MsSquarebanana
Жыл бұрын
You can use OBS
@FluxAcademy
Жыл бұрын
Face with camera screen with QuickTime then edit
@hopetalksdesign
Жыл бұрын
@@FluxAcademy what did you edit with? Final Cut?
I DID THAT... I typed the forward backslash(/imagine. and nothin happens. This is weird. I only see Built-in prompts.
This looks pretty cool and interesting. I really would like to learn to work with AI myself. Is there any way a you can learn to work with such a tool? How do I determine which tools I want and can work with and whether they are suitable for my needs? I also understand that you have to "talk" to these types of tools in a certain way. How do you do that and how do you get the right prompts for the right output? You could make quite a nice series or course on this. Maybe a nice addition to the Web Design: Becomming a pro course? I think tese kind of tool will be a big thing for designers in the future.
@DanteNava
Жыл бұрын
Dude, just TRY chatGPT and 90% of your questions will be answered. You talk to it like you're asking a buddy questions: How do I... What's the code for... Can you explain it to me like I'm 5... Seriously, it's amazing and useful
@FluxAcademy
Жыл бұрын
That’s a cool idea! At the moment it’s a lot of experimenting
Pretty cool. Sometimes if find what helps when MidJourney ignores something later like "minimal" is to put it at the beginning of the prompt... and just leave it there twice.
Hey! I saw that you accidently wrote in Hebrew in the video. I'm from Israel and really like your videos!
it just make your work go more faster
1000 hour project in a couple hours. damn AI gonna change the game
I want to try chatGPT, but for 2 days it tells me that it is too crowded..😥
and my teacher was like no of course ai is not gonna replace graphic designer lol even in the starting point of ai you can create that much imagine in the 10 years the growth and their abilities will be exponenetial.
You can add midjourney to your private server instead of using the chat room
Pls make the whole page.
Hey, should a web designer know how to use HTML or CSS?
@wejdenzaibi1200
Жыл бұрын
Both of them start with HTML then CSS
@justsoonenough
Жыл бұрын
Depends if you want to actually make a functioning website or just designing it. If you want to create the website I recommend you know HTML, CSS and JavaScript!
@justsoonenough
Жыл бұрын
HTML for structure, CSS for design and Javascript for functionality
@pixeltonenewmedia2657
Жыл бұрын
You don’t need to know anything now. Ai bots will do all the hard work! We need new jobs!
@justsoonenough
Жыл бұрын
@@pixeltonenewmedia2657 Then start a business and generate some new jobs haha
is there a way to locate your designs quicker? this is becoming extremely time consuming having to scrub through hundreds of designs to find your own...
@leebarnes9486
Жыл бұрын
nevermind, i got it
Nice chat: ” Romania During WWII ”
The problem with this is the first thing I would do as a potential customer at the website is look up the jetski to see how much it costs. But what I would find is that most likely it doesn't exist or doesn't exist in the configuration that Midjourney envisioned. Product images have to be pretty specific. Imagine if even the handle bars are fictitious, I don't think the company would allow an image like that to represent their company. You would need to get a real product that the company offers and inpaint into the image then massage over the flaws. Concept art that doesn't get too specific on products would probably be easier to sell.
@justsoonenough
Жыл бұрын
Well this is web design and not web development, so this is not the final result of a website, only UX/UI design....
@Andresvideo
Жыл бұрын
@@justsoonenough exactly, for the final design the company must provide the web developer with actual photos of the product. That is quite obvious.
Does anyone know how he is recording this video with himself in the bubble? I am having trouble finding a frictionless way to do this.
@t0MMika
Жыл бұрын
use Loom
Please ask mindjouney regarding Insuarance Web Design ❤
its us who will benefit from it not others
if ai(artificial intelligence) can do everything what is human purpose
@Sol-xp3gu
Жыл бұрын
Human purpose is to create an AI program system to make human’s life much easier. Without human’s intellectual there is no AI.
@TheOriginalTristonEvo
Жыл бұрын
@@Sol-xp3gu that's a redundant statement with no true explanation to my question....
it's sad that midjourney is not available for free to use, i dont want to pay for it, but just for the purpose of getting a quick mock up for a new website idea it would be great, but you dont do that everyday 10 times, so i dont see the point in paying for it
@justsoonenough
Жыл бұрын
Isnt midjourney a pay per prompt?
Bro I am making a toy review affiliate website. Can you make a beautiful design for me with midjourney ai please 🙏🥺. I have not taken midjourney subscription. Please 🙏🥺 help me brother 🙏.
all fun and games til you realize that client could`ve fed its brief into the ai by himself instead
Cool idea but lets be real thats a very generic looking website
@AustinDoesDesign
Жыл бұрын
But simple works, so i guess job well done.
Is it me or do you think the images created are so good that the products/services behind them start looking bad?
Does somebody else read FAQ as "fak" or is it just me.
the biggest issue with every one of these same "web design" videos is they all make websites for products that aren't even close to existing lol!!! Ok now go tell your client they need a professional photo shot just like this one! lol. Doesn't work like that.
@FluxAcademy
Жыл бұрын
This is a solid comment. But anyway a client would need art direction for photography, so this can be a great inspiration for it
@Andresvideo
Жыл бұрын
If a premium custom jet ski company doesn't have nice premium custom jet skis and good pictures of their premium custom jet skis, their main problem is not web design.
Chat one is very corrupted tho and seems more man made biases controlling that entire network than anything.
Would say first but I don’t need to 😂
Could you just ask midJourney to not include any text?
@FluxAcademy
Жыл бұрын
Maybe haven’t tried
Bro stop giving out the cheat codes
Bit depressing. I think we don't have to wait long until even prompter and correction will be neceserry. All those years of learning, love for doing it and satisfaction just vanishes. With all my enthusiasm for AI - if this won't be regulated it will be very painful for some people. Don't mention fact that capitalism will eat it own tail.
The thing is the website looks terrible. As does the logo. ChatGPT has not helped you here.
Well the design is bellow avarage, text is also nothing special. These tools look like a great thing to use but humans are way better. It’s creates avarage work at best And who knows there it took that image of the guy on the jet ski it can be copyrighted. I thought it was a revolution and now I just think it’s hype that will die off quickly
@vlad.das17
Жыл бұрын
Yeah but it's pretty impresive for 25 minutes of work. I would say that this helps you a lot if you are a beginner in webdesign and you just started to discover. Also it should be just a source of inspiration for advanced webdesigers.
@AnemosFPV
Жыл бұрын
@@vlad.das17 Yes its good for beginners, maybe... I found it like a huge waste of time and low level design work. It feels like its just fetching some templates and images from somewhere. Some designs look nice because it sometimes by random luck picks a nice looking image, but where is the image from? Is the image copyrighted? I wonder where it gets images from...
@FalkoJoseph
Жыл бұрын
@@AnemosFPV these images are not real. They’re not pulled from a database, that’s not how image AI models work. The images are put together from scratch by using parameters from all existing images combined.
@ontheruntonowhere
Жыл бұрын
I'm more concerned that this guy can't tell that the navbar isn't pure black, and that he's not reading the tagline correctly. This may not be the greatest website design in the world but, as a developer - not a designer - it's much better than I could do. I've turned down many gigs because design is not in my wheelhouse, but I would feel confident presenting this design for consideration. Regardless, I'm not sure what the intent behind your comment is. Do you think you're going to stop people from using it?
@durgeshchore8665
Жыл бұрын
@@FalkoJoseph we all know how it works, the main thing is, which images does ai use to train their data-sets or to get such images. I hope you get that
Let's be honest that's the ugliest UI I've seen this year!
Is there a Flux Tutorial about how to transfer the Figma Website to code and install it? ⁉⁉⁉