Before & After: Small Business Websites Redesigned (Episode 2)

Поділитися
Вставка
  • Опубліковано 30 тра 2024
  • You guys loved the first one so here's another website redesign!
    BLACK FRIDAY SALE: 40% OFF ALL COURSES - bit.ly/3mj6LMk
    This time around we redesigned a luxury candle e-commerce website. Their product is awesome (and looks great) but the website had quite a few problems, and felt flat overall.
    So, we decided to improve the look, feel and copy of the website so that it matches the premium/luxury vibe that the product conveys.
    Tools used for redesign: Figma and Adobe Dimension
    Typefaces used: Orelo SemiWide and Monument Extended
    Timestamps:
    00:00 Intro
    00:35 Before and problems
    2:40 After and improvements
    4:55 Final thoughts
    -
    Learn how to build custom websites with Webflow FAST:
    bit.ly/WebflowWebclass2020
    -
    Find me on other social media platforms:
    Instagram: / ransegall
    Twitter: / ransegall
    LinkedIn: / ran-segal. .
    -
    Gear & Book Recommendations: bit.ly/2ohFOuj
    #websitedesign #webredesign #freelancedesign
    Thanks for watching the video!

КОМЕНТАРІ • 69

  • @EstieChoi
    @EstieChoi 3 роки тому +30

    Man the 3D rendering gets me so hyped to learn it too!

    • @Pogohontas.
      @Pogohontas. 3 роки тому +4

      For stuff like this it's really not as hard as it might seem!

  • @andyhill5466
    @andyhill5466 3 роки тому +10

    Love seeing how you approach these redesigns, especially when you have no nice assets to work with, like with this website.

  • @bentleycreative6407
    @bentleycreative6407 3 роки тому +14

    more redesigns please, these are great

  • @mikezak23gmail
    @mikezak23gmail 3 роки тому +10

    Great redesign and great choice of typography and colour theme. Just one comment, I would probably use the actual logotype font for the logo (and also replace one of the two fonts with the brand’s font for consistency) in order to be aligned with the brand system. What are your thoughts on this?

  • @vaniarensi7627
    @vaniarensi7627 3 роки тому +1

    Yes please make more videos like this one. I'm in your masterclass and the theory is already clear, but having concrete examples is so, so helpful!

  • @ellathorogood3573
    @ellathorogood3573 3 роки тому

    These redesign videos are really helpful for me! Please keep making them!

  • @ganeshanvekar5009
    @ganeshanvekar5009 3 роки тому +21

    I like the colors but I don't like that font so much, I think the font should be simple and elegant. It just my opinoin.

    • @ucoan2457
      @ucoan2457 3 роки тому

      Actually, the font is where it’s make the different and feeling to this website. Font are shape that have personality too and the font choise in here is welll though and connectted to the product

    • @ganeshanvekar5009
      @ganeshanvekar5009 3 роки тому +1

      @@ucoan2457 But don't you think for the customer it's hard to read and get dizzy by looking at this font.

    • @ucoan2457
      @ucoan2457 3 роки тому

      @@ganeshanvekar5009 I don't think so, in real website it'll be big and bold, hard to ignore

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

    Wow looks amazing

  • @nikoreva2078
    @nikoreva2078 3 роки тому +1

    This redisign is awesome! I'm currently redisgning a honey shop and this is great inspiration!

  • @AnirudhIsOnline
    @AnirudhIsOnline 3 роки тому +5

    The before and after is like day and night. Nice one 👍.
    Btw , what is that don't you mainly use on your thumbnails (just wondering)

  • @alanagligora9435
    @alanagligora9435 2 роки тому

    Yes, more such videos :D Thank you so much, this is teaching me A LOT!

  • @chandlerbing2657
    @chandlerbing2657 3 роки тому

    yes. would like to see more of these redesign. liked the video.

  • @tomd2831
    @tomd2831 3 роки тому +3

    Forgive me, but it doesn't work together. The logo on the product is different than on the website. The body typography is different than the one on the label. Head typeface may not be bad if used well in other sections of the page. The arrangement of the copy and products is messy, which makes the whole composition look chaotic. Navbar doesn't look very good either. To me, it looks like work in progress rather than a final project. No hard feelings, that's just my impression.

  • @kladdelic
    @kladdelic 3 роки тому

    Very clever redesign choices! It is truly intriguing. Though I enjoy light colored websites, they can seem boring really quickly, as was the state of the old one.
    Introducing a bit of color and accent really helps there, together with new images and a good font. Props to your mate. :)

    • @FluxAcademy
      @FluxAcademy  3 роки тому

      Glad you like them! Thank you! 🙏

  • @sumitkkundu
    @sumitkkundu 3 роки тому

    Please do this kind of video on regular basis. It will be really helpful for us.

  • @niravparmar7856
    @niravparmar7856 2 роки тому

    This is so good. ❤️❤️😍❤️❤️
    in my opinion, if you would have made golden primary color as a gradient, it could have been even more premium!

  • @milindkhadse556
    @milindkhadse556 3 роки тому

    I like all redesign episodes.. Also I like starting intro of the video..

  • @JOONEOR
    @JOONEOR 3 роки тому

    I love the move to minimalist web design, it just makes sense. People are overwhelmed with info. these days, so having your website as simple as possible is important.

  • @FRONTRUS
    @FRONTRUS 3 роки тому +1

    Awesome 💙

  • @imeplay6195
    @imeplay6195 3 роки тому +1

    always helping.

  • @vasilinaschopp8712
    @vasilinaschopp8712 3 роки тому

    Thank you for this Video🙏 It was intersting for me and i would like to see more Videos with redesign.

  • @michaelgovers8036
    @michaelgovers8036 3 роки тому +1

    Beautiful work Ron, just shows how an image can change the whole overall look and feel of a website. :) Thanks for sharing.

  • @ErikaHamilton1
    @ErikaHamilton1 3 роки тому +1

    I like so much this video.

  • @zuhranahmed
    @zuhranahmed 3 роки тому

    awesome redesign

  • @ultranova3315
    @ultranova3315 3 роки тому +2

    I love this series 😀
    Do continue it
    And your beard is coming back too 😂

  • @delfs413
    @delfs413 3 роки тому

    this is amazing

  • @vazzysnipe5634
    @vazzysnipe5634 3 роки тому

    What's the font name of the heading? Its beautiful.

  • @peterherr1309
    @peterherr1309 2 роки тому

    Great !!

  • @Amir-lz8sq
    @Amir-lz8sq 3 роки тому +2

    Thank you so much... I want to ask one question please
    Can you make a website just with Adobe xd without a developer or a programmer?

    • @bentleycreative6407
      @bentleycreative6407 3 роки тому +2

      No, XD is a design tool only, you can't 'build' a website in it, in the same way you can't build a website in photoshop

    • @Amir-lz8sq
      @Amir-lz8sq 3 роки тому +1

      @@bentleycreative6407 thanks

  • @neoswann2143
    @neoswann2143 4 місяці тому

    Whats the name of the font in the main headline???

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

    Watching from the phone, and couldn't read the H1 until you said what was there... In general i agree with the direction,but something...less custom would feet better in terms of fonts

  • @nickveldkamp5396
    @nickveldkamp5396 3 роки тому +2

    Where did you buy your glasses? I like them! :)

    • @filetmignon9978
      @filetmignon9978 2 роки тому

      they're probably prescription glasses so he would've just picked them up at a glasses store or at his optometrist.

  • @fractalelement857
    @fractalelement857 3 роки тому

    What is the best method//how can i practice UX to become strong candidate for ux/ui job position ?

  • @shanny104
    @shanny104 3 роки тому +2

    Sir ran,give us some bad design to improve,we will subit and u can judge it and help us to improve,where we can find site to design?thanks for these helpful videos

    • @FluxAcademy
      @FluxAcademy  3 роки тому +1

      check my instagram highlights for before and after redesigns + look for local businesses websites - see the first before and after video here on the channel.

  • @atharvaathalye
    @atharvaathalye 3 роки тому

    Gordon Ramsey of Web Development!

  • @ogundaredavid4342
    @ogundaredavid4342 2 роки тому

    This is cool, please I want to learn JavaScript

  • @m.design
    @m.design 3 роки тому

    We wan every Insta story redesigns here!

  • @ruddha5966
    @ruddha5966 3 роки тому +2

    How to I learn advance level website design ?

    • @Pogohontas.
      @Pogohontas. 3 роки тому +2

      Start doing beginner level design, I recommend trying to replicate a nice one from behance or dribbble at first. But keep doing it and after a few projects you'll be surprised how much you improve.

  • @shahryarshah7836
    @shahryarshah7836 3 роки тому +1

    First😂😂🙏❤️

  • @CheaterChalange
    @CheaterChalange 3 роки тому +1

    The before website was just the basic Shopify theme without any customization done yet. Was it even live like that?

    • @alidbouk4132
      @alidbouk4132 3 роки тому +1

      I thought that it was made by squarespace tbh but yeah I see your point

    • @Pogohontas.
      @Pogohontas. 3 роки тому

      A lot of companies do similar things, so probably yes. But it means there's enough work for all of us

    • @CheaterChalange
      @CheaterChalange 3 роки тому

      @@Pogohontas. Yeah, with the rise of companies like Shopify and Wix it is getting harder for businesses to stand out from the croud.

    • @Pogohontas.
      @Pogohontas. 3 роки тому

      @@CheaterChalange for sure. And those companies help weed out the low end of "tire-kicking" clientelle

  • @i.am.rossalex
    @i.am.rossalex 3 роки тому

    The new one looks definitely better then an old one. But I don’t like a horizontal border at the bottom of the header. It is too contrasty. Besides, logo is too small or the main menu font size is too wide. Maybe it needs to change a font in the menu and ordinary text, because it is hard to read. No one care about your offer if it is hard to read. But only a split test can prove me right or wrong!

  • @omeizasanni
    @omeizasanni 3 роки тому

    I dont love the fact you do more website UI than Graphics Design

  • @bogdanarehere5855
    @bogdanarehere5855 3 роки тому

    Nice video, but video with works of your students was more helpful and interested 💪

    • @izzyb4786
      @izzyb4786 3 роки тому

      Can I ask you why you didn't find this one as helpful?

    • @FluxAcademy
      @FluxAcademy  3 роки тому

      Thanks for the feedback. 🙌

  • @shubhamkamboj2341
    @shubhamkamboj2341 3 роки тому

    I personally think he went too crazy with font 🤔

  • @tbtester3378
    @tbtester3378 3 роки тому

    The colors are fine, but the fonts...looks like has been copied from 12 years old template. :-\

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

    Everything is awesome, while...type is not very legible. Consider target audience...might be too much.