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

  • @PaytonClarkSmith
    @PaytonClarkSmith Жыл бұрын

    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

  • @paulhenricksen5728
    @paulhenricksen5728 Жыл бұрын

    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

    @Beyondarmonia

    Жыл бұрын

    The people who make "handmade" and the hipsters who buy it is tiny compared to the whole furniture industry.

  • @atiyer2001
    @atiyer2001 Жыл бұрын

    That's a relief. I am learning figma and I was struggling for design ideas, this video helped me a ton, thanks FLUX ACADEMY!

  • @mohammdatef5484
    @mohammdatef5484 Жыл бұрын

    I wish that you continue designing the full website page!

  • @dawah17

    @dawah17

    Жыл бұрын

    Me too

  • @Fostit

    @Fostit

    Жыл бұрын

    +1

  • @danielc81

    @danielc81

    Жыл бұрын

    It should be as easy as this part just change the page titles and get the info from gpt

  • @loudcloud1499

    @loudcloud1499

    Жыл бұрын

    @@danielc81 fleshing out the commerce functionality would be pretty cool and look great on portfolio

  • @bernalbranding
    @bernalbranding Жыл бұрын

    Love it! Got me excited to start creating.

  • @tjveach
    @tjveach Жыл бұрын

    Thank Ran, great insight! Much appreciated!!

  • @samreciter
    @samreciter Жыл бұрын

    That is crazy case study - i love it!

  • @alexanderkrasnovsky
    @alexanderkrasnovsky Жыл бұрын

    ChatGPT can also generate a request for Midjourney

  • @naturallydope247

    @naturallydope247

    Жыл бұрын

    How do you do that?

  • @TheCreativeDad
    @TheCreativeDad Жыл бұрын

    Really enjoyed this video thanks for sharing🙌🏾

  • @yhwhlungs
    @yhwhlungs Жыл бұрын

    Wow! AI advancements are going to change everything about how business is going to run! Great video showing one of many workflows to have.

  • @gmark247
    @gmark247 Жыл бұрын

    In my opinion, you hit the checkmark with the result at the end!

  • @MrForestExplorer
    @MrForestExplorer Жыл бұрын

    I've used Midjourney in conjunction with DALLE2 (out-painting) and ChatGPT (and Photoshop) for a few websites now... Works well.

  • @adilsondarocha5722

    @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

    @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.

  • @sitikanthamuhuri
    @sitikanthamuhuri6 ай бұрын

    Excellent! Many things can be learned from this video.

  • @JonathanCampDesigner
    @JonathanCampDesigner Жыл бұрын

    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.

  • @Soundcup
    @Soundcup Жыл бұрын

    Impressive results and inspiration. Would love to see what ai creates for a music producer related website

  • @DiGoM00
    @DiGoM00 Жыл бұрын

    Super usefull video, thanks so much!

  • @dawah17
    @dawah17 Жыл бұрын

    That's really OSM.. Pls pls make more videos like that I really appreciate it. thanks u sooo much

  • @designbyodo
    @designbyodo Жыл бұрын

    Chat GPT Helped me to generate brilliant and organised content for my website. this is really helpful to Website designers.

  • @des7638
    @des7638 Жыл бұрын

    this is dope. thanks Ran

  • @whimsicalcellbooster
    @whimsicalcellbooster Жыл бұрын

    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

  • @TOP_Business_Tips
    @TOP_Business_Tips Жыл бұрын

    Thank you Ran!

  • @itsattaullah
    @itsattaullah Жыл бұрын

    That's really an amazing content make more about this

  • @MrEJYourSolarExpert
    @MrEJYourSolarExpert Жыл бұрын

    Great vid… thanks. Question… after what you did in figma…. Am wondering if you created the landing page from it and how?

  • @opsnax1468
    @opsnax1468 Жыл бұрын

    Thank you so much brother ❤️❤️❤️

  • @atiyer2001
    @atiyer2001 Жыл бұрын

    Need more videos like that

  • @hqasmei
    @hqasmei Жыл бұрын

    This is great!

  • @dailylifestyle834
    @dailylifestyle834 Жыл бұрын

    Hi please can you tell me how to make a mock-up for wall art prints to sell.what exact prompts I should write

  • @yashkalra6518
    @yashkalra6518 Жыл бұрын

    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

    @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

    @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

    @thespringbox

    Жыл бұрын

    @@yashkalra6518 I see. Thanks for advice

  • @notro104
    @notro104 Жыл бұрын

    How do you make the page interactive? For example, using this design on Wordpress

  • @lightningRatPack
    @lightningRatPack Жыл бұрын

    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.

  • @heyjames7654
    @heyjames7654 Жыл бұрын

    GREAT!

  • @adilinial
    @adilinial Жыл бұрын

    מדהים!!

  • @adilsondarocha5722
    @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?

  • @marcmillion140
    @marcmillion140 Жыл бұрын

    Wow I’m about to become the goat at work designing websites 😂

  • @alyssa_bananas
    @alyssa_bananas Жыл бұрын

    Ooooh! Can’t wait to watch!

  • @leally
    @leally Жыл бұрын

    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?

  • @danyalalam1544
    @danyalalam1544 Жыл бұрын

    Nice 👍

  • @manurasera7567
    @manurasera7567 Жыл бұрын

    Hey, how can I ask to use my product photos? it's possible?

  • @MariaBashir-fn2tt
    @MariaBashir-fn2tt Жыл бұрын

    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?

  • @shravansutar6237
    @shravansutar6237 Жыл бұрын

    Nice

  • @alens8265
    @alens8265 Жыл бұрын

    Cool

  • @przemekgacka1565
    @przemekgacka1565 Жыл бұрын

    How about addressing legal issues surrounding those ML image generators (which are not AI by any means)?

  • @vinceofscandal
    @vinceofscandal Жыл бұрын

    Perfect tools for non-creative ppl. This is your moment guys ! Now you can finally pretent to be an artist 🤣

  • @Robin-lm3no
    @Robin-lm3no Жыл бұрын

    a m a z i n g 😍😍

  • @pookeyblow
    @pookeyblow Жыл бұрын

    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.

  • @Ghfdddcghh
    @Ghfdddcghh Жыл бұрын

    This will increase my income. Thanks.

  • @TheBvfnbv
    @TheBvfnbv Жыл бұрын

    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

    @djcaly84

    Жыл бұрын

    Well, that's the purpose of the AI, to work alongside people.

  • @edujyoung
    @edujyoung Жыл бұрын

    Epic

  • @jaywbus
    @jaywbus8 ай бұрын

    GOTTA love me some AI generated hands!

  • @bernalbranding
    @bernalbranding Жыл бұрын

    By the way, what tool do you use to screen record while also show your face?

  • @MsSquarebanana

    @MsSquarebanana

    Жыл бұрын

    You can use OBS

  • @FluxAcademy

    @FluxAcademy

    Жыл бұрын

    Face with camera screen with QuickTime then edit

  • @hopetalksdesign

    @hopetalksdesign

    Жыл бұрын

    @@FluxAcademy what did you edit with? Final Cut?

  • @jackies35
    @jackies35 Жыл бұрын

    I DID THAT... I typed the forward backslash(/imagine. and nothin happens. This is weird. I only see Built-in prompts.

  • @AK-lj2pg
    @AK-lj2pg Жыл бұрын

    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

    @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

    @FluxAcademy

    Жыл бұрын

    That’s a cool idea! At the moment it’s a lot of experimenting

  • @michaelmannucci8585
    @michaelmannucci8585 Жыл бұрын

    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.

  • @sagivmarzini9351
    @sagivmarzini9351 Жыл бұрын

    Hey! I saw that you accidently wrote in Hebrew in the video. I'm from Israel and really like your videos!

  • @VaibhavShewale
    @VaibhavShewale Жыл бұрын

    it just make your work go more faster

  • @zuupack
    @zuupack Жыл бұрын

    1000 hour project in a couple hours. damn AI gonna change the game

  • @happylika
    @happylika Жыл бұрын

    I want to try chatGPT, but for 2 days it tells me that it is too crowded..😥

  • @celialusma4618
    @celialusma4618 Жыл бұрын

    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.

  • @jokestime98
    @jokestime98 Жыл бұрын

    You can add midjourney to your private server instead of using the chat room

  • @dawah17
    @dawah17 Жыл бұрын

    Pls make the whole page.

  • @calinmorar2805
    @calinmorar2805 Жыл бұрын

    Hey, should a web designer know how to use HTML or CSS?

  • @wejdenzaibi1200

    @wejdenzaibi1200

    Жыл бұрын

    Both of them start with HTML then CSS

  • @justsoonenough

    @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

    @justsoonenough

    Жыл бұрын

    HTML for structure, CSS for design and Javascript for functionality

  • @pixeltonenewmedia2657

    @pixeltonenewmedia2657

    Жыл бұрын

    You don’t need to know anything now. Ai bots will do all the hard work! We need new jobs!

  • @justsoonenough

    @justsoonenough

    Жыл бұрын

    @@pixeltonenewmedia2657 Then start a business and generate some new jobs haha

  • @leebarnes9486
    @leebarnes9486 Жыл бұрын

    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

    @leebarnes9486

    Жыл бұрын

    nevermind, i got it

  • @paulsimon1272
    @paulsimon1272 Жыл бұрын

    Nice chat: ” Romania During WWII ”

  • @waynelai354
    @waynelai354 Жыл бұрын

    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

    @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

    @Andresvideo

    Жыл бұрын

    @@justsoonenough exactly, for the final design the company must provide the web developer with actual photos of the product. That is quite obvious.

  • @jrappjournal
    @jrappjournal Жыл бұрын

    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

    @t0MMika

    Жыл бұрын

    use Loom

  • @jaxontn
    @jaxontn Жыл бұрын

    Please ask mindjouney regarding Insuarance Web Design ❤

  • @Yannik79Simon
    @Yannik79Simon Жыл бұрын

    its us who will benefit from it not others

  • @TheOriginalTristonEvo
    @TheOriginalTristonEvo Жыл бұрын

    if ai(artificial intelligence) can do everything what is human purpose

  • @Sol-xp3gu

    @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

    @TheOriginalTristonEvo

    Жыл бұрын

    @@Sol-xp3gu that's a redundant statement with no true explanation to my question....

  • @tobias6361
    @tobias6361 Жыл бұрын

    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

    @justsoonenough

    Жыл бұрын

    Isnt midjourney a pay per prompt?

  • @shadahmad6102
    @shadahmad6102 Жыл бұрын

    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 🙏.

  • @NextDaniel13
    @NextDaniel13 Жыл бұрын

    all fun and games til you realize that client could`ve fed its brief into the ai by himself instead

  • @AustinDoesDesign
    @AustinDoesDesign Жыл бұрын

    Cool idea but lets be real thats a very generic looking website

  • @AustinDoesDesign

    @AustinDoesDesign

    Жыл бұрын

    But simple works, so i guess job well done.

  • @jboyce007
    @jboyce007 Жыл бұрын

    Is it me or do you think the images created are so good that the products/services behind them start looking bad?

  • @going_dark
    @going_dark Жыл бұрын

    Does somebody else read FAQ as "fak" or is it just me.

  • @VRDynamite
    @VRDynamite Жыл бұрын

    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

    @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

    @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.

  • @DaddyVader87
    @DaddyVader87 Жыл бұрын

    Chat one is very corrupted tho and seems more man made biases controlling that entire network than anything.

  • @breadman3736
    @breadman3736 Жыл бұрын

    Would say first but I don’t need to 😂

  • @DeepfriedBaby
    @DeepfriedBaby Жыл бұрын

    Could you just ask midJourney to not include any text?

  • @FluxAcademy

    @FluxAcademy

    Жыл бұрын

    Maybe haven’t tried

  • @10dan
    @10dan Жыл бұрын

    Bro stop giving out the cheat codes

  • @jarek3573
    @jarek35733 ай бұрын

    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.

  • @charlieashcroft1472
    @charlieashcroft1472 Жыл бұрын

    The thing is the website looks terrible. As does the logo. ChatGPT has not helped you here.

  • @AnemosFPV
    @AnemosFPV Жыл бұрын

    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

    @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

    @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

    @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

    @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

    @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

  • @Younex
    @Younex Жыл бұрын

    Let's be honest that's the ugliest UI I've seen this year!

  • @redtheredhairedlady734
    @redtheredhairedlady73411 ай бұрын

    Is there a Flux Tutorial about how to transfer the Figma Website to code and install it? ⁉⁉⁉