I Made This Website Design Better (EASY)

Поділитися
Вставка
  • Опубліковано 30 тра 2024
  • By focusing on key web design principles, we can improve the design, user experience and value for the client.
    He's my full process in this free workshop: bit.ly/37XiZYH
    ⬇ If you would like to learn more about Flux Academy, please let us know in the comments ⬇
    Don't forget to subscribe to our channel for more Design Content. Click here 👉 bit.ly/33byV7L
    📽️ CHAPTERS:
    00:00 - Intro
    00:19 - Project site review
    01:49 - Process break down
    02:08 - Hierarchies
    04:12 - Imagery
    09:13 - Design
    13:59 - Mobile design
    16:15 - Conclusion
    🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 bit.ly/3jMxocU
    📚 FREE RESOURCES
    ✔️ Web Design Workshop 👉 bit.ly/37XiZYH
    ✔️ Webflow Workshop 👉 bit.ly/3EmXzQY
    ✔️ Notion Web Designer Hub 👉 bit.ly/3uQZbza
    📱 Find us on SOCIAL MEDIA
    Flux Academy's Instagram 👉 / flux.academy
    Ran's Instagram 👉 / ransegall
    Thanks for watching our video about Inside Flux Academy: Expert Support & Community and we'll see you on the next one.
    #Design #websitedesign #FluxAcademy

КОМЕНТАРІ • 80

  • @chumish1
    @chumish1 Рік тому

    מדהים! אתה גורם להכל להיראות קל ואפשרי, תודה על ערוץ מעשיר, אני צופה אדוקה ;)

  • @johannvb1
    @johannvb1 Рік тому +3

    Ron, you are so creative. Very nice to see your design process.

  • @noamhermon
    @noamhermon Рік тому +1

    Hi, Ran! It's so funny to meet you out of the blue in the street, and even more fun to watch your step-by-step videos explaining design decisions. Thank you very much!

  • @MrInsider33
    @MrInsider33 Рік тому +24

    Great video! What I would have maybe done differently:
    - I liked the family image better because it shows hoe life could be if you listened to family life, so it tells a Story.
    - I think the messaging is really not clear. I have no clue what they do after I read the headline.
    - I also liked the dark Radio Design more since it was much better contrast, both to the hero and also to the content inside it. The gradient looks a bit 2013 to me.
    - The hero section isn't really catching me. I would have added more elements around the person lisgening, maybe illustrating the different services and adding a background.
    - The menu still has too many different links. I would have made a dropdown, maybe with the different"services so it's not so overwhelming (I suggest 1-5 menupoints + CTA)
    -

    • @RedVelocityTV
      @RedVelocityTV Рік тому +2

      Why don't you make the video then while you're at it 👍🏼

    • @MrInsider33
      @MrInsider33 Рік тому +17

      @@RedVelocityTV Why don't you just read my comment again, learn something, then go back and think about your comment. But I might actually start doing videos, thanks for the input

    • @theraven.4
      @theraven.4 Рік тому +1

      Yeah... When he said that he liked the light blue one I had this reaction. 😅

    • @Benga-Eno
      @Benga-Eno Рік тому

      I think you need to be more humble... You sound like a student who thinks he knows better than his teacher

    • @theraven.4
      @theraven.4 Рік тому

      @@Benga-Eno Design is subjective. That is why you can do a survey on a interface design and get multiple different responses. His comment is feedback. That is the point of both the comment section and the like and dislikes buttons. To get positive and negative feedback and to continue discussions.

  • @haaruukaax
    @haaruukaax Рік тому +2

    Yay I have been binging your video's while working at my new internship and you just uploaded another great one while I was browsing!

    • @FluxAcademy
      @FluxAcademy  Рік тому +1

      Happy to hear Raine! Good luck on the internship!

    • @haaruukaax
      @haaruukaax Рік тому

      @@FluxAcademy Thanks, love you guys! 🥺

  • @inen11
    @inen11 Рік тому

    so satisfying to watch! great job

  • @b0njourzara
    @b0njourzara Рік тому +1

    Really great video, I enjoyed watching your process and understanding your thoughts behind why you did something - you've provided me with so many useful tips

  • @zeeq7331
    @zeeq7331 Рік тому

    Thank you! I really appreciate Flux churning all these valuable content and it's free? Insane.

  • @lepenedo04
    @lepenedo04 Рік тому

    Thanks for the creative unlock!!!

  • @llu2736
    @llu2736 Рік тому

    I have to say, it is amazing how much knowledge this channel really sharing with designers, it's so helpful 😀 thanks!

  • @SaltLake180
    @SaltLake180 Рік тому

    Loved it. Thanks

  • @diabovici
    @diabovici Рік тому

    Great content Ran

  • @yourmusicdesign
    @yourmusicdesign Рік тому +1

    Please more like this!

  • @miracleifeanyichukwu5891
    @miracleifeanyichukwu5891 Рік тому +1

    Wow.
    This was awesome.
    Flux academy did it again.
    😊

  • @SamyadeepPurkayastha
    @SamyadeepPurkayastha Рік тому +3

    6:50 you could use DALL-E to create that left part of the image

    • @FluxAcademy
      @FluxAcademy  Рік тому +1

      true! good idea

    • @Lifelike822
      @Lifelike822 Рік тому

      What is it? :)

    • @SamyadeepPurkayastha
      @SamyadeepPurkayastha Рік тому

      @@Lifelike822 an AI image generation software. There is also the option to create part of images from the existing image. Suppose you have a portrait image and wished it was a landscape one. Dall-E can create the surroundings for your image and it's much better than Photoshop's content aware fill for complex scenarios.

  • @mwil15
    @mwil15 Рік тому

    This is a fabulous video 10/10

  • @drako770770
    @drako770770 Рік тому

    Awesome stuff! Thank you Sir.

  • @TheRemytrack
    @TheRemytrack Рік тому +2

    Wow! This redesign was amazing, just would have left the Radio Color in Purple. 🔥

  • @mahmudcikrik9796
    @mahmudcikrik9796 Рік тому

    Thank you Flux Team! Your explanations so clear. As a beginner web designer we need to know process(steps) so i pleased much

  • @Ralphunreal
    @Ralphunreal Рік тому

    I like these videos, can pick up some new tips i didnt know.

  • @domieSinday
    @domieSinday Рік тому +5

    Many thanks, Ran! I like it! I would appreciate if you could create more redesign videos like this. 🙃

  • @xicor9469
    @xicor9469 Рік тому +2

    Pretty cool, I always find YTbers only designing the hero section which is a small portion of the design. Can you do one where you do more sections or a page?

  • @DiegoWinters
    @DiegoWinters Рік тому +1

    Great video... As a suggestion, on the mobile version you can set the progress bar on top of the brackground with the nice blue gradient, From side to side, below the hero image. That could be a nice touch and doing this you keep that nice feature.
    Anyway, great content, great channel, just instasubscribed from last geek and congrats for the videos.
    Sorry if I misunderstanding but my English is not quite good yet and I still improving these days.

  • @osnathamami7215
    @osnathamami7215 Рік тому

    thanks, תותח!

  • @trevorfranks69
    @trevorfranks69 Рік тому

    Woah thats pretty slick!

  • @nayanbarman184
    @nayanbarman184 Рік тому

    Learned a lot from the videos.

  • @Directorkf
    @Directorkf Рік тому +1

    2:17 I saw you type massage, you weren't slick haha.
    Great Video! You guys are always super helpful as I dive more into the ux design world, thanks for all your help!

    • @upbrohd
      @upbrohd Рік тому

      Came down here to find someone who saw it too - Main Hero Massage doesn't sound too bad though :D

  • @abdoulmadjidseibou3654
    @abdoulmadjidseibou3654 Рік тому

    Love it

  • @ak2005
    @ak2005 Рік тому +1

    Nice video 👍
    Happy Diwali to all of you 🎉

  • @asimmughal9048
    @asimmughal9048 Рік тому

    You are awesome Boy🔥

  • @RedVelocityTV
    @RedVelocityTV Рік тому +35

    You didn't redesign the website, you just redid the hero section

    • @FluxAcademy
      @FluxAcademy  Рік тому +12

      haha, of course, it's a huge website. It would take me 2 weeks.

    • @RedVelocityTV
      @RedVelocityTV Рік тому +7

      @@FluxAcademy maybe you can turn it into a mini series if you see any scope for further videos

    • @IvoKlerk
      @IvoKlerk Рік тому +2

      Small tip: For the outpainting of the image I’d use (in combination with psd) Stable Diffusion v1.5 Outpainting to generate the rest or you can use Dall-E’s outpainting feature. They are really good! (Only for a final result obviously, to quickly see if it works this works too).

    • @thevasusharma
      @thevasusharma Рік тому

      @@FluxAcademy everyone is fond of short,informative and cool video😂 and u r providing exactly that content 👍🏻 and pls make a video on different sections redesign 🙌🏻

  • @elnar1238
    @elnar1238 Рік тому

    Really nice video just one question. Whats the programm called, where you do the design of the website before really coding it?

  • @njengathegeek
    @njengathegeek Рік тому

    Nice redesign Ran

  • @toichkinalexander
    @toichkinalexander Рік тому

    Greate video and good job! The website looks much better. But I'm not sure that the redesign matches business expectations, because the focus has shifted away from upcoming events. Нowever, all in all it looks very nice.

  • @rehmanahmed
    @rehmanahmed Рік тому

    Hey Ran, can you please tell me which software you use for screen recording?

  • @advanced-developers
    @advanced-developers Рік тому

    Hy, do you send the redesign file to the client for review before the development process?.

  • @makemoneywithandu8155
    @makemoneywithandu8155 Рік тому

    what type of theme you used?

  • @giovannipolhuijs9302
    @giovannipolhuijs9302 Рік тому

    Why did you not use the icon plugin in figma?

  • @Chapper123
    @Chapper123 Рік тому

    Why didn't you align the image of the woman in the soundbar to the left column, so it aligns with the logo and hero content?

  • @GoldenVulpes
    @GoldenVulpes Рік тому +1

    I think it lost something in the redesign. The ui looks great but We lost the personal element when the hosts were remove. If I were to redesign it I would ask for the high res version of that portrait and re work into the revamp design

    • @aedomains6627
      @aedomains6627 Рік тому

      Yea this is what I was thinking. Kind of rebrands them. Rans an absolute machine obviously and knows his stuff - I was just kind of thinking is this the right redesign for their brand in particular?

  • @ariengman
    @ariengman Рік тому

    7:36 You should have gone with the Spiderman.

  • @Vishal-cj7ct
    @Vishal-cj7ct Рік тому

    Plz tag how to host and make changes

  • @zahidmangi
    @zahidmangi Рік тому

    please make more videos like this dont make basics tutorial

  • @bartech101
    @bartech101 Рік тому

    How 10x was actually measured?

  • @korbykor1546
    @korbykor1546 Рік тому

    Mobile first brah.

  • @riverman9813
    @riverman9813 Рік тому

    I like the redesign but personally do not think the image fits the organisation.

  • @muduabbas2455
    @muduabbas2455 Рік тому

    I think the mobile version would be better

  • @SergeiShiryayev
    @SergeiShiryayev Рік тому

    I think the old one was better... 😫

  • @TheRightHandedNeutrino
    @TheRightHandedNeutrino Рік тому

    LMAO... "better"

  • @meg6pat
    @meg6pat Рік тому +1

    No exploration, no user’s interviewing. Just straight up redesign? It’s disturbing approach.

    • @FluxAcademy
      @FluxAcademy  Рік тому +4

      This is a UA-cam challenge and our resources for each of these projects are limited, in a real world scenario - definitely.

    • @zeeq7331
      @zeeq7331 Рік тому

      In the real working world, the disturbing approach is still an approach. There's no exact hard rule. Chill.

  • @suman121069
    @suman121069 Рік тому