Before & After: Small Business Websites Redesigned
Вставка
- Опубліковано 14 тра 2024
- In the month of October, we ran a super exciting challenge for our Flux Academy students.
We had them redesign the website of one of their local businesses as well as explain their process.
Given the way the pandemic has affected small businesses worldwide, this felt like an awesome win-win. It led to over 50 redesign submissions and spawned a plethora of beautiful web design.
Here's the list of the project reviews (unfortunately additional resources no longer available):
1. [WINNER] Social service agency by Nadirah K
2. Business consultancy by Felixander Yuan
3. Digital recruitment by Giuseppe Farina
4. Popcorn club by Fernando Bisca Escanhoela
5. Hot Dog resturant by Alex Presa
If you're interested in working with any of these amazing designers, check out their personal websites below:
Winner
Nadirah Khaliq
www.thrivelystudio.com/
Honourable Mentions
Alex Presa
www.alexpresa.studio/
Fernando Escanhoela
_hippodesig...
Giuseppe Farina
www.giuseppefarina.com/
Felixander Yuan
felixanderyuan.com
Timestamps:
00:00 Intro
00:25 The Redesign Challenge
1:20 Hot Dog restaurant
3:15 Popcorn club
5:05 Digital recruitment
7:00 Business consultant
9:55 [WINNER] Social service agency
-
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!
The popcorn website was definitely the best.
Agreed
Agreed
Agreed
Indeed.
what would mobile look like for that??
I really love the idea behind the winner's redesign and particularly replacing the CTA from "Donate" to "Make a difference". The little things really does make the difference!
💯
The new CTA is too vague. You could tell about the difference making in the headline or a subheadline but if the button is for donating then it needs to say so in a clear and unambiguous way. The most important rule of web design is that you must not confuse the user.
@@wioetuw912 Im guessing when you click it though, it directs you to that donation window or section which will add clarification. Plus, you can already scroll and see the ability to donate too so i think it works. Many may also find it off putting to see a donation button right when you open the page, rather than information that includes other ways to get involved
@@wioetuw912 ppl will know. People are not that dumb they will get confused on something like this
The best was the Popcorn! It was a mind-blowing change. So unfair that it didn't win. You should give it the audience choice award :D
The popcorn was incredible
It's not only about how the design looks like but is about how can you improve the user experience as well and the last one did a really good job and really make a valuable difference to improve donation rate!!
It was a more drasti change, but that doesn't mean it was abetter change than the winner. Imo the winner definitely deserved to win, they didn't only make it look better they also drastically improved functionality in ways that will 100% improve their business goals and amount of donations.
It was the best one visually but on the marketing and UX side, it has lots of buttons and CTAs are all over the place in the hero section.
@@oussamabouyardane2431 nah, popcorn did better, the last one won because he wanted to favour the cause
Hey bro can you make this a series!? This is soo cool
Yeah it would be really interesting to make other videos like this one. Nice concept
So happy to hear this! Let me think about it, ok?
@@FluxAcademy would be so nice if you could. It is very interesting to see how design could be improved. Because that popcorn website was like 😮😮😮😮😮🤯🤯🤯🤯🤯🤯🤯🤯.
Would definitely love it! It's really a good way of learning for me. Seeing the knowledge used in real projects with a reasoning behind it 👌 Thanks to all involved in this video 🙏
@@FluxAcademy Please consider it
I love the popcorn redesign. Looks amazing.
👌
@Col Which one did you like?
I agree, I think either the popcorn one or the business coach were the best redesigns. They were really transformative and had a layout that was well thought out.
I think that is the weakest one! reason.. The logo.. The re-designer jumped into a new typography trend without taking the design cues from their existing logo... which is cute and flowy, and he just redesign it to look like stuck up software company with the swiss style re design. The disconnect between the logo typography and even the images kills it. It goes from nice fun and cute looking logo to a, typography of a financial company and photos of an instagram feed... This is why you shouldn't jump into trends without studying it first.
It reallyy ...................... Popped Out
Popcorn Club 🔥 Fernando
🔥 🔥 🔥
Thank you for this format! I enjoyed a lot watching these transformations. Designer are so talented. Please more videos like this!
Wow, all these redesigns turned out awesome! Very talented designers. Really enjoyed this video 👏
Glad you enjoyed it! Flux students did all the work!
Wow, the popcorn site is my fave. Well done, Fernando!
The popcorn redisgn literally took my breathe away. Amazing, worth every penny plus more
PLZ CONTINUE THIS SERIES, THIS IS INSPIRATION WEB DESIGN
we will! 🙌
That progress bar for donating was really smart!
I think it was brilliant, but needed just a touch more clarity -- the big "300" didn't say enough; perhaps adding a few words would be helpful. Maybe right above or below the 300 it could say "Grow this number" or something like that.
@@bluemoon1972 You are right! 300 was a little bit vague
@@bluemoon1972 I think it should have clarified "300 students set up for a better future" or something like that.
Love the quality of your videos and the value you're providing! Thank you very much for your hard work.
Diving into web design to make a website for my business and wow, these videos are just incredible! So much value for free, thanks a lot, lots of work to do for me!
A great competition and the designs shown look really good. It is always useful to see how other designers approach a website redesign where the process usually stays the same.
💯 thank you!
Awesome design reviews Ran. The popcorn website really standout for me. I like how the designer breaks down the issues and actually solved it with the revised design.
It was a hard choice! 😅
I like to flow of the redesign process, it tells quite a good story. This is inspirational.
Those redesign are fantastic! I'm really absorbing as much information as I can
Damn these were really good. I loved the popcorn web redesign more than the winners redesign.
Man great video format super impressed. Those designs are fantastic too. Subscribed.
Very usefull video, thank you very much for that and to all the people who made the redesigns. There was a lot to learn, I also appreciated very much the explanations (PDFs). You all did a great job!
Edit: I also love the "real life" examples - so usefull. The thought process behind it was so insightful and sth. You really don't get that in any other videos. That would be a format I would love to see more of.
Great vid, thanks-a lot of great insight here. Congrats to all the designers and the winner. Well done.
Awesome! Our students made my job super easy! 😎
They were all very well done. I really liked what Giuseppe did with the logo.
Seeing this now makes me want to undertake a challenge like this! Thanks Flux!
Wow!!! What awesome redesigns! For me, both the popcorn and the donation website stood out as the best.
Really love the redesign process :) Thanks for sharing this helpful video.
Parabéns Fernando Bisca , o seu layout ficou sensacional.
*Congrats to you Fernando Bisca, your layout is amazing.
Those are excellent! Glad to see all the Foodie sites in there! Where do my cohorts get the time? ❤️🤲🏻
Really love this, thank you very much
And to all 5 designers, their works is awesome, I learned a lot from it :"D
This video is amazing for beginners like me. Thank you so much. I'll go to check all the full presentations and enjoy the inspiration.
Wow ridiculously nice 🔥the last site that won had a little going for it before the redesign but the popcorn and the personal business sites really needed a redesign a serious makeover! and the work they did on the redesign was night and day difference especially the popcorn site. All good tho, to be fair I think u should have a viewers choice award to be completely fair. A lot to learn here definitely will be taking some pointers.
Thanks for the feedback - maybe we'll do that in future editions 😅
So this is the man behind the beard... 😅
Keep it up, Ran!
Thanks! 😅
@@FluxAcademy lol i didn't notice you have shaved that's why i was getting confused by your new face 😅😅😅
Does that count as a rebrand?
amazing challenge. the presentation decks are amazing!!
Love those videos!! I love the popcorn redesign man! 😇
Always enjoying your videos!
I really feel the way the consultant website has been re-designed so good! The designer took great effort to see what the website needed. To know that visitors DO NOT read, and for that sense recreate the website in a very clean color pallette.
Same goes for the recruitment website. Love the color pallette and the way its redesigned. Clear information about what the website is about, and landing page in F shape with 2 CTA buttons in the main lander. I love it!
Keep up the good videos ❤️
I loved business consultant and that popcorn
happy you liked them! It was a tough choice!
thank you, Good to know that you like the consultant website redesign! 😁
love it, can you make more of this? but focusing more on "breaking down the problems", thank you anyway!
All them are major improvements the popcorn is my favorite redesign
These were all amazing!
Smashed the like button when the popcorn site redesign came on @4:12! Amazing!!
Love this! I learn so much from this! Thank you so much for sharing!
Glad it was helpful! thank you! 🙏
Must've been trying to date the one who won... haha no shot that Popcorn site didn't win. Great job my guy-you're one hell of a designer.
Thanks! 🙏
Lmao ikr. That design legit blew my mind
AWESOME VIDEO!!!!!!
Hope you will make video like this every week.
Thanks, man!!!!!
More to come for sure! 😊
The popcorn website just instantly blows your mind!
The business consultant redesign was the best in my opinion. Just really cleared up my confusion with the site.
Thanks for putting up the presentations and great work from the students. It’s really useful
Glad it was helpful! 💜
This is awesome and very helpful! Another great video :)
Glad it was helpful!
The popcorn club redesign was just mindblowing fr
Amazing redesigns here! Great job 👏
Your redesign was also great! Keep up the amazing work!
Loving this kind of content. More of these please.
Glad to hear! thanks 🙏
wow! this is so beautiful and have loved it.
Fantastic video. Lots of inspiration here!
Popcorn was absolutely mind-blowing.
Every single design is just beautiful thanks
I got you 👊
Great Reviewing Video 😎👍👍. My first time seeing a video of web design reviewing 👍👍
all these redesigns are awesome ❤❤❤
this video is excellent!! great series idea too :)
These are amazing! Motivates me to continue my own web design career. 🔥🔥🔥🔥
Great to hear Anthony! You got this! 👊
What a surprise to see how many fellow brazilians follow your content too, nice
🙌🇧🇷
Sorry, I love all the transformations but the popcorn one stands out for me.
Enjoyed this video... Need more!!!
Fernando NAILED IT. Parabéns irmão
Great video. I would say great initiative so that others can also learn how to think out of the box.
Glad to hear! 🙏
The popcorn website amazing.. please keep posting such amazing videos..
popcorn redesign is amazing!
As a junior web developer, this video brings so much inspiration. Design is not my forte but is always good to learn new things
Glad it was helpful! Continue to learn and practice - and you'll see that you'll get there in no time. 👊
YESSSSSSSS!! Thank you Ran and team at Flux!!!!! :D
Congratulations Alex! 👊
The popcorn website was just awesome 🔥🔥
The popcorn redesign was incredible, but the donation website UX change was radical!
Ma man used a Spanish accent to read Portuguese...
As a portugueses man that hurt a bit but enjoyed and learn a lot keep up the good work my guy!
We need more of these challenges
Great picks! Blown away by #2 actually. 👍
students did a great job, it was a tough choice! 😅
You are my inspiration ran !!
I'm humbled! Thank you! 🙏
That Fernando guy is absolutely wildddd!!! Dammnnnn!!!
The 2nd and the 5th are amazing 😍
🙌
Hands down the Pipoca site won. I would have liked to see individual popcorn sprinkled on the homepage but the redesign is the best.
Innovative ideas, Thanks!
Thanks for your feedbacks! Super nice contest 🤜🤛
Thank you for being part of this too! 👊
loved all of them, osm video.
Great video man !
Man i got recommend on 3.00 am 😂😂 love it
Love this video & the showcase of awesome redesigns. Is there an alternative or updated link to the Dropbox files? I can't seem to access them and I really wanna view the processes!
Ran: website redesign
beard: Ran redesign
p.s. i love it tho
😅
I thought Tai Lopez took over the vlog 😄😃😃
Very helpful! Thanks Ran
Glad it was helpful!
I like it. Very edifying
Great work 🎉
Very enlightening. Thank You.
glad to hear that! 🙏
Concerning the winner website AWWA, an improvement I could see instantly is to change the colour of the call to action button because it blends in too much with everything else, it is the same color as the loading bar so is not easily distinguishable. Minor nitpick you could say but it really stood out to me the unusual blend of the call to action button with everything else, not much of a heriachy there. Nice redesign though!
damn, Fernando... that was dope pra caralho, parabéns!!!
fernando e pica man, não boto fé q ele não ganhou os airpods
I wish I could be this talented and creative. Maybe a few years of practicing will guide me there.
The best was the popcorn project!
dang. popcorn rebrand is sick!
This is awesome. Is there a way to see their responsiveness and translation to mobiles? Some of us may have a more 'mobile-first' approach to design so would be awesome to see some examples of that too.
That is the #1 question I have watching literally all of these design channels. What is the point of doing all this fancy design without showing how it looks on mobile when everything collapses into single columns.
So many talented designers out there. But they should do a version of the mobile web too or a mobile-first approach design since most of the web is accessed thru mobile nowadays.
Loved this episode
awesome, thanks! 🙏
awesome! very cool and educational video
Thank you 🙏
I really liked the pop corn one
Great designs, tnx
Great job🤩
Bro that popcorn guy is a literal god. IDK how they didnt win ;-;
love your content