This type of content is gold. It's great to do walkthroughs of new features and products but so few people sit down and discuss details and basics and what separates good design from bad design. I wish I had you when I was first starting out. Would have saved me some hurdles.
That turned out really well. Do you think it'd be better to have a CTA button on the hero section, considering they have a "book now" section, but it's placed way further down the page?
This was so intrersting to watch. You made it look more appealing to anyone going to the page. The Nigerian Governmet really needs to invest in good designs for their websites in general. Spoken from the perspective of a Nigerian web designer
@@kunallangoo9184 It doesn't even look that good tbh, too blocky, like those subheaders, big green cards, that awkward "book now" white block, and don't get me started with the colors that he didn't even bother to improve upon. The design is better than the previous but that's all, I feel bad for the people here thinking this is good shi cuz they're getting scammed into thinking they're learning from a designer, he's more of a content creator than he is a designer.
Awesome way to educate; the before vs after / bad vs. good is excellent. The only thing I’d still change is the section headers. I’d dump the green bars and make the text bigger.
Amazing one 💯, loved the way you redesigned it so seamlessly. The final results were just incredible ! Looking forward to more such videos from a great teacher
Hmm do you think about how to build this as a web developer? Those layers with the train look nice, but in order to have the slider in the back and have the image in the front change with the background image, then staying in the right postition for mobile view is quite tricky 😅
@5:22 you say "just with tools that are available to all of you". Is there a free workaround to generative fill in photoshop or do i need to buy a adobe subscription for this technique to work? Thank you very much for this amazing video.
This is exactly the part where I stopped the video having the same thought! I have affinity designer and photo which is way cheaper and no subscription needed but I don't know if there is a feature like this.
It's been three months and the actual website still look the same. No changes at all. I guess they didn't see this video 🤣 btw great redesign good job!
I thought it was just a practical work, which is not on website, I went to search for, oh my goodness the desktop own is even better than the mobile own 😅😅
Excellent video ! I just found that png can be copied from photoshop to figma. I retried on the windows with ps cc 2020 but it also exports pngs with white background. How do i get with transparent ?
Wait, what? You had me at the train transformation. Bro, if this is the kind of stuff a person will legitimately learn on the Flux Academy course, take my money already
Hello, You've caught my attention, especially with your expertise in design. May I send you my portfolio design to ask for feedback? I am a recent graduate and a front-end designer, and I really need someone like you to check my portfolio design before I post it on my LinkedIn.
Hello sir, I’d love to take your videos to the next level. Can I have your approval to recreate this video and make it more captivating so I can become your new video editor ?
These types of websites are a lot in African companies, cause they don't wanna pay the monthly fees for things like Framer, Webflow and other softwares so they just prefer to use Wordpress and don't even give you the designer a good project brief, don't even wanna come for meetings to discuss about how to do their project but if you give them something they'll be like this not what I was expecting.
modifying the logo? thats a lawsuit right there lol text behind a background element is unrealistic, of course that whole composition must be a flat image
Nigeria being Nigeria... They just hired one of those guys who's uncle was a general but needed my account to deposit a little money, just $25,000,000. lol
That was very well done! And the video length was great as well! Simple and effective! Also could you list the web tools you used, please and thank you :) I never heard of Midjourney “alpha” before
The layout is nice, but you're not thinking about some major key flaws. The hero may look nice but your hero text is not going to be easily created in development unless you know a css mastermind, and exporting that image with the text as part of the image is a major design flaw. Your hero text needs to be crawlable by search engines, and readable by screen readers. You can fix this by aligning the text left in the hero instead of your embedded look. Your white on orange is also not accessible, one of your first things you should address are low contrast interactive elements like these to create a more accessible user experience. Start thinking about your designs a bit more holistically and from the atomic elements, not from the top to the bottom, and you'll create more cohesive and professional designs as you continue.
As a seasoned web developer, I see that while your aesthetic enhancements are appealing, they merely mask the fundamental flaws. The navigation's excessive dropdowns are unnecessary. Additionally, the logo's use of a PNG file limits its adjustability compared to an AI/SVG format. I understand your intentions, but this instance is not exemplary. The entire layout requires a revamp, not just superficial changes. It necessitates more impactful sections and improved SEO strategies. Feel free to message me; I can demonstrate how I've transformed similar sites into lucrative ventures through intelligent responsive design and effective SEO practices.
Everything else sounds good but DO NOT CHANGE a client's logo without their permission! People can be very touchy about that. The first feedback they will have would be something like this "So let me get this straight, instead of making your design work with our company logo, you chose to change the logo to work for YOUR design?". So yeah, for everyone reading, please be wary of messing around a company's logo OR the name, like from Corporation to Co.
I have a question, for the objects, did you make them relative or absolute? and in the real world of UI design do you actually need everything to be responsive? Would love a reply on this because I'm a bit confused
Our goverment love table-like web pages ... im surprised they accepted the old design before your improvement as the old one is a very big improvement to the norm.
i am a nigerian, and you absolutely nailed this. Always a great time watching you do these lectures
These are amazing!
I swear it awesome
Glad you like them!
I'm Nigerian too. Nice work bro
Ajeh
As a web designer from Nigeria, I am disgusted by government agencies website and designs.
You did a fantastic job!
As a Nigerian watching this, you really nailed it. So much value!
Thanks! 🇳🇬
This type of content is gold.
It's great to do walkthroughs of new features and products but so few people sit down and discuss details and basics and what separates good design from bad design.
I wish I had you when I was first starting out. Would have saved me some hurdles.
So on point. The new design makes a huge difference even with the little changes. Phewww our Nigerian railway website just got a facelift 😊
Thanks
That turned out really well. Do you think it'd be better to have a CTA button on the hero section, considering they have a "book now" section, but it's placed way further down the page?
The Nigerian Government needs to pay you for this.
I’m always blown away when I not only see the final result of a professional like you but also get to see how you do it. You’re truly a pro!
I am also a web design agency owner from Nigeria. This is lovely
This was so intrersting to watch. You made it look more appealing to anyone going to the page. The Nigerian Governmet really needs to invest in good designs for their websites in general. Spoken from the perspective of a Nigerian web designer
we learn so much from this video, thanks Ran's
Can you please show how it will look in different screen sizes (Responsive). It will be helpful.
Agreed… You can do anything in Figma. But how do you make that hero practical for all breakpoints?
@@itsmikemcdonnell Correct. I always see youtubers making cool looking designs for the web but they never show how it will look on mobile.
@@kunallangoo9184 Yet, in their videos, they'll explain how the majority of their website users will be using mobile devices!
@@kunallangoo9184 It doesn't even look that good tbh, too blocky, like those subheaders, big green cards, that awkward "book now" white block, and don't get me started with the colors that he didn't even bother to improve upon. The design is better than the previous but that's all, I feel bad for the people here thinking this is good shi cuz they're getting scammed into thinking they're learning from a designer, he's more of a content creator than he is a designer.
Maybe you can redesign yours and show us how it looks. @@feelcollins4358
Awesome way to educate; the before vs after / bad vs. good is excellent. The only thing I’d still change is the section headers. I’d dump the green bars and make the text bigger.
Loved the video, but one thing I would also change up is the orange CTAs, you can't read them at all from a bit further distance
Great content! Thank you for the side-by-side comparison. It really helps a lot.
Love from Nigeria 🇳🇬
This is very skillful- great video!
Thank you! Cheers!
Amazing one 💯, loved the way you redesigned it so seamlessly. The final results were just incredible !
Looking forward to more such videos from a great teacher
Thanks!
Hmm do you think about how to build this as a web developer? Those layers with the train look nice, but in order to have the slider in the back and have the image in the front change with the background image, then staying in the right postition for mobile view is quite tricky 😅
I'm a Nigerian and the redesign is so good.. This is better honestly
probably my favourite type of video, super useful stuff
thanks a lot
This is fascinating thank you. Learning a lot of design concepts - im more into coding but want to be good enough at prototyping
Great video!
Thanks a lot for all the information and practises you showcased, keep up the good work!
The difference is experience and thinking
Love this, I hope you do a lot more of these
You are a magician! It is so good, almost disheartening - will I ever be able to grow to this level???
Absolutely you can!
Keren sih abang ini bener bener profesional designer. Simple thing but make big impact! Menyala abangkuuu!
You are such a genius. Great idea. I’m learning so much from your channel. Thanks
Thanks, happy to hear that!
You nailed it. Our services section could have been better. Missed button to box size ratio ?
Amazing redesign tutorial, Ran! You're a great teacher!✨✨
Appreciate it
i am so nigerian and this video is absolutely amazing
@5:22 you say "just with tools that are available to all of you". Is there a free workaround to generative fill in photoshop or do i need to buy a adobe subscription for this technique to work? Thank you very much for this amazing video.
This is exactly the part where I stopped the video having the same thought! I have affinity designer and photo which is way cheaper and no subscription needed but I don't know if there is a feature like this.
You need to do more tutorial on how to improve pictures used for the website
Loved this video. More of these videos, Ran!
can you share the name of app used to upscale photos?
How would you code the hero section 😢
It's been three months and the actual website still look the same. No changes at all. I guess they didn't see this video 🤣 btw great redesign good job!
Great video man!
Looks great.
Wow... This is really awesome.
Can i get the figma link pls, i want to build this with webflow
Love it. Please more videos like this one 😊
Thank you! Will do!
Simply Awesome Sir
I thought it was just a practical work, which is not on website,
I went to search for, oh my goodness the desktop own is even better than the mobile own 😅😅
I'm Nigerian and I 💯 agree with your redesign 👍
Love that
You did alot of justice to this wow❤
Nice. All the edits were done in Photoshop and copy pasted here right?
Hello Ran can you share the file with us so we can practice improving websites if you can share just the old design .. thank you
This is amazing.
i'm thinking in responsive for mobile and the hero picture with the text behind the train, how should it work?
Excellent video ! I just found that png can be copied from photoshop to figma. I retried on the windows with ps cc 2020 but it also exports pngs with white background. How do i get with transparent ?
Professionalism!
Thank you realy i learn more things, but please when you use plugin or website for example as in this video(ai ...) plaese wirte this
Pls make video on photo manipulation for web site.
@6:30 client rejected the design. He was in love with the logo and is angry now XD. Jokes apart. Good uplift!
how would you develop the hero section?
love from Bangladesh
03:09 Woow The Improvement
Wait, what? You had me at the train transformation. Bro, if this is the kind of stuff a person will legitimately learn on the Flux Academy course, take my money already
That was great
Так намного лучше! Браво! : )
bro always re-cook better 🔥🔥🔥
Sorry, which is the plugin website to figma? I can find it with that name?
it's web to figma plugin it has a purple logo mate :)
That website already looks better than Indian railways
Hello, You've caught my attention, especially with your expertise in design. May I send you my portfolio design to ask for feedback? I am a recent graduate and a front-end designer, and I really need someone like you to check my portfolio design before I post it on my LinkedIn.
I'd take a train ride in Nigeria after seeing this.
Haha
A pro !!!
🔥🔥🔥
The AI's idea of what a tree looks like is kind of funny. I suppose most people will never notice that though...
Hello sir, I’d love to take your videos to the next level. Can I have your approval to recreate this video and make it more captivating so I can become your new video editor ?
The website might actually be 5 million naira like that o😢
Can you share the website-to-figma plugin?
i actually went to see the website... yeah -_-
As a Nigerian base developer...the two designs are on the same level to me, It's just there all bland to me
These types of websites are a lot in African companies, cause they don't wanna pay the monthly fees for things like Framer, Webflow and other softwares so they just prefer to use Wordpress and don't even give you the designer a good project brief, don't even wanna come for meetings to discuss about how to do their project but if you give them something they'll be like this not what I was expecting.
There is nothing to do with framer or webflow. It’s all about designer.
However wordpress is miles ahed of framer and webflow.
Africa's a big place
Yet they don't hire us with better UX Design skills
Same trash = But both different
modifying the logo? thats a lawsuit right there lol
text behind a background element is unrealistic, of course that whole composition must be a flat image
bro u doing tooo much
#mediaartssb
As a Nigerian I can tell you that website costs a couple thousands of dollars. That is how our government move.
Who ask you? Cho cho cho...
You wont know peace for trying to sell your country out for a redesign that still needs a redesign.
love it, by far the best teacher
I'd rather start with changing the sales copy first because its more important than design... and both are absolutely terrible.
This is neither a squeeze page nor a sales page. Of course the web content has to be great but I don't think you can refer to that as a sales copy.
Nigeria being Nigeria... They just hired one of those guys who's uncle was a general but needed my account to deposit a little money, just $25,000,000. lol
My country people, I use wordpress but I am a big fan of Ran Segall
Yes ooo
Same here
Finally, flux academy did something related to my country
W fr man🔥❤️
The sad thing about this is that they’re still using the old website design, without implementing yours…
Well, it's not that easy to change ... a lot of politics would have prevented him from improving. If you know what I mean
That was very well done! And the video length was great as well! Simple and effective! Also could you list the web tools you used, please and thank you :) I never heard of Midjourney “alpha” before
i love when you edit the photo both hero and cta, that's make a lot big improvement!
I'm not very convinced with the final hero image, I think it need a little bit of balancing the highlights and whites, but it's a big improvement.
The layout is nice, but you're not thinking about some major key flaws. The hero may look nice but your hero text is not going to be easily created in development unless you know a css mastermind, and exporting that image with the text as part of the image is a major design flaw. Your hero text needs to be crawlable by search engines, and readable by screen readers. You can fix this by aligning the text left in the hero instead of your embedded look. Your white on orange is also not accessible, one of your first things you should address are low contrast interactive elements like these to create a more accessible user experience. Start thinking about your designs a bit more holistically and from the atomic elements, not from the top to the bottom, and you'll create more cohesive and professional designs as you continue.
As a seasoned web developer, I see that while your aesthetic enhancements are appealing, they merely mask the fundamental flaws. The navigation's excessive dropdowns are unnecessary. Additionally, the logo's use of a PNG file limits its adjustability compared to an AI/SVG format.
I understand your intentions, but this instance is not exemplary. The entire layout requires a revamp, not just superficial changes. It necessitates more impactful sections and improved SEO strategies. Feel free to message me; I can demonstrate how I've transformed similar sites into lucrative ventures through intelligent responsive design and effective SEO practices.
Wow cracking job mate. You should definitely bring more content like this. Pure Gold!
Thanks!
Everything else sounds good but DO NOT CHANGE a client's logo without their permission! People can be very touchy about that. The first feedback they will have would be something like this "So let me get this straight, instead of making your design work with our company logo, you chose to change the logo to work for YOUR design?". So yeah, for everyone reading, please be wary of messing around a company's logo OR the name, like from Corporation to Co.
I have a question, for the objects, did you make them relative or absolute? and in the real world of UI design do you actually need everything to be responsive? Would love a reply on this because I'm a bit confused
"Is not about the tools", proceeds to use Photoshop paid IA.. Joking asides, great video man! Love it!
all good except the logo, it is very critical and most dangerous changes
Our goverment love table-like web pages ... im surprised they accepted the old design before your improvement as the old one is a very big improvement to the norm.
You now create that effect on Hero Page. Good luck with that...
at the beginning you used a website to upscale your train image - what is that url? wasit freebit?
The designer is crying in the room now... Lol