Midjourney + ChatGPT For Web Design Tutorial

Поделиться
HTML-код
  • Опубликовано: 26 окт 2024

Комментарии • 128

  • @PaytonClarkSmith
    @PaytonClarkSmith Год назад +32

    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 Год назад +50

    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 Год назад +7

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

  • @atiyer2001
    @atiyer2001 Год назад +11

    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 Год назад +27

    I wish that you continue designing the full website page!

    • @branddesigner17
      @branddesigner17 Год назад +1

      Me too

    • @Fostit
      @Fostit Год назад +3

      +1

    • @danielc81
      @danielc81 Год назад +1

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

    • @loudcloud1499
      @loudcloud1499 Год назад +1

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

  • @MrForestExplorer
    @MrForestExplorer Год назад +4

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

    • @adilsonclaudiovlogs
      @adilsonclaudiovlogs Год назад

      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 Год назад

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

  • @designbyodo
    @designbyodo Год назад

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

  • @sitikanthamuhuri
    @sitikanthamuhuri 11 месяцев назад

    Excellent! Many things can be learned from this video.

  • @alexanderkrasnovsky
    @alexanderkrasnovsky Год назад +17

    ChatGPT can also generate a request for Midjourney

  • @gmark247
    @gmark247 Год назад

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

  • @yashkalra6518
    @yashkalra6518 Год назад +4

    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

  • @JonathanCampDesigner
    @JonathanCampDesigner Год назад +1

    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.

  • @des7638
    @des7638 Год назад

    this is dope. thanks Ran

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

  • @samreciter
    @samreciter Год назад

    That is crazy case study - i love it!

  • @TOP_Business_Tips
    @TOP_Business_Tips Год назад

    Thank you Ran!

  • @branddesigner17
    @branddesigner17 Год назад

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

  • @waxmaster-c
    @waxmaster-c Год назад +2

    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.

  • @bernalphotography
    @bernalphotography Год назад

    Love it! Got me excited to start creating.

  • @TheCreativeDad
    @TheCreativeDad Год назад

    Really enjoyed this video thanks for sharing🙌🏾

  • @sagivmarzini9351
    @sagivmarzini9351 Год назад

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

  • @Soundcup
    @Soundcup Год назад

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

  • @tjveach
    @tjveach Год назад

    Thank Ran, great insight! Much appreciated!!

  • @marcmillion140
    @marcmillion140 Год назад

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

  • @itsattaullah
    @itsattaullah Год назад

    That's really an amazing content make more about this

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

  • @vinceofscandal
    @vinceofscandal Год назад

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

  • @FireandFrostHVAC
    @FireandFrostHVAC Год назад

    This will increase my income. Thanks.

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

  • @opsnax1468
    @opsnax1468 Год назад

    Thank you so much brother ❤️❤️❤️

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

  • @hqasmei
    @hqasmei Год назад

    This is great!

  • @VaibhavShewale
    @VaibhavShewale Год назад +1

    it just make your work go more faster

  • @atiyer2001
    @atiyer2001 Год назад

    Need more videos like that

  • @DiGoM00
    @DiGoM00 Год назад

    Super usefull video, thanks so much!

  • @notro104
    @notro104 Год назад +2

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

  • @michaelmannucci8585
    @michaelmannucci8585 Год назад +1

    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.

  • @alyssa_bananas
    @alyssa_bananas Год назад

    Ooooh! Can’t wait to watch!

  • @heyjames.design
    @heyjames.design Год назад

    GREAT!

  • @przemekgacka1565
    @przemekgacka1565 Год назад

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

  • @jaywbus
    @jaywbus Год назад

    GOTTA love me some AI generated hands!

  • @MrEJYourSolarExpert
    @MrEJYourSolarExpert Год назад

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

  • @jokestime98
    @jokestime98 Год назад +1

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

  • @adilinial
    @adilinial Год назад

    מדהים!!

  • @waynelai354
    @waynelai354 Год назад +1

    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 Год назад +3

      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 Год назад +2

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

  • @TheBvfnbv
    @TheBvfnbv Год назад +1

    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.

  • @adilsonclaudiovlogs
    @adilsonclaudiovlogs Год назад

    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?

  • @zuupack
    @zuupack Год назад +1

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

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

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

  • @jackies35
    @jackies35 Год назад

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

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

  • @Robin-lm3no
    @Robin-lm3no Год назад

    a m a z i n g 😍😍

  • @bernalphotography
    @bernalphotography Год назад +1

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

  • @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 Год назад +3

      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

  • @alenscaria1516
    @alenscaria1516 Год назад +1

    Cool

  • @manurasera7567
    @manurasera7567 Год назад

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

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

  • @Yannik79Simon
    @Yannik79Simon Год назад

    its us who will benefit from it not others

  • @happylika
    @happylika Год назад

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

  • @shravansutar6237
    @shravansutar6237 Год назад

    Nice

  • @danyalalam1544
    @danyalalam1544 Год назад

    Nice 👍

  • @branddesigner17
    @branddesigner17 Год назад

    Pls make the whole page.

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

  • @paulsimon1272
    @paulsimon1272 Год назад

    Nice chat: ” Romania During WWII ”

  • @edujyoung
    @edujyoung Год назад

    Epic

  • @jaxontn
    @jaxontn Год назад

    Please ask mindjouney regarding Insuarance Web Design ❤

  • @astroboytravels
    @astroboytravels Год назад

    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.

  • @TheOriginalTristonEvo
    @TheOriginalTristonEvo Год назад +2

    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 Год назад +1

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

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

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

  • @jboyce007
    @jboyce007 Год назад

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

  • @VRDynamite
    @VRDynamite Год назад +1

    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  Год назад +1

      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.

  • @AustinDoesDesign
    @AustinDoesDesign Год назад +3

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

  • @jarek3573
    @jarek3573 8 месяцев назад

    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.

  • @DeepfriedBaby
    @DeepfriedBaby Год назад

    Could you just ask midJourney to not include any text?

  • @going_dark
    @going_dark Год назад +1

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

  • @charlieashcroft1472
    @charlieashcroft1472 Год назад

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

  • @AnemosFPV
    @AnemosFPV Год назад +7

    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 Год назад +3

      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 Год назад +1

      @@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 Год назад +1

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

  • @breadman3736
    @breadman3736 Год назад

    Would say first but I don’t need to
    😂

  • @10dan
    @10dan Год назад

    Bro stop giving out the cheat codes

  • @Younex
    @Younex Год назад

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

  • @redtheredhairedlady734
    @redtheredhairedlady734 Год назад

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