Before & After: Small Business Websites Redesigned
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!
Пікірлер: 454
The popcorn website was definitely the best.
@kimbleeworks2439
3 жыл бұрын
Agreed
@MichaelMarosi
3 жыл бұрын
Agreed
@AbdulMajeed-pl8jg
3 жыл бұрын
Agreed
@tonimaunde
3 жыл бұрын
Indeed.
@Figgen
3 жыл бұрын
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!
@FluxAcademy
3 жыл бұрын
💯
@wioetuw912
2 жыл бұрын
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.
@tikusblue
2 жыл бұрын
@@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
@hypeengineoverload
Жыл бұрын
@@wioetuw912 ppl will know. People are not that dumb they will get confused on something like this
Hey bro can you make this a series!? This is soo cool
@kiromell
3 жыл бұрын
Yeah it would be really interesting to make other videos like this one. Nice concept
@FluxAcademy
3 жыл бұрын
So happy to hear this! Let me think about it, ok?
@adebowaleselere4254
3 жыл бұрын
@@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 😮😮😮😮😮🤯🤯🤯🤯🤯🤯🤯🤯.
@lukasivanovic5317
3 жыл бұрын
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 🙏
@khoinguyen-ft2ys
3 жыл бұрын
@@FluxAcademy Please consider it
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
@MichaelMarosi
3 жыл бұрын
The popcorn was incredible
@oussamabouyardane2431
3 жыл бұрын
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!!
@tikusblue
2 жыл бұрын
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.
@jayreambonanza1991
2 жыл бұрын
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.
@cristianjuarez1086
Жыл бұрын
@@oussamabouyardane2431 nah, popcorn did better, the last one won because he wanted to favour the cause
I love the popcorn redesign. Looks amazing.
@FluxAcademy
3 жыл бұрын
👌
@kaPaURL
3 жыл бұрын
@Col Which one did you like?
@dustinoverbeck
3 жыл бұрын
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.
@arunashamal
3 жыл бұрын
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.
@akashkumar121213
3 жыл бұрын
It reallyy ...................... Popped Out
Popcorn Club 🔥 Fernando
@FluxAcademy
3 жыл бұрын
🔥 🔥 🔥
Wow, all these redesigns turned out awesome! Very talented designers. Really enjoyed this video 👏
@FluxAcademy
3 жыл бұрын
Glad you enjoyed it! Flux students did all the work!
PLZ CONTINUE THIS SERIES, THIS IS INSPIRATION WEB DESIGN
@FluxAcademy
3 жыл бұрын
we will! 🙌
That progress bar for donating was really smart!
@bluemoon1972
3 жыл бұрын
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.
@HDMOVIECREATOR2012
3 жыл бұрын
@@bluemoon1972 You are right! 300 was a little bit vague
@tikusblue
2 жыл бұрын
@@bluemoon1972 I think it should have clarified "300 students set up for a better future" or something like that.
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.
@FluxAcademy
3 жыл бұрын
It was a hard choice! 😅
The popcorn redisgn literally took my breathe away. Amazing, worth every penny plus more
Great vid, thanks-a lot of great insight here. Congrats to all the designers and the winner. Well done.
@FluxAcademy
3 жыл бұрын
Awesome! Our students made my job super easy! 😎
Thank you for this format! I enjoyed a lot watching these transformations. Designer are so talented. Please more videos like this!
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.
@FluxAcademy
3 жыл бұрын
💯 thank you!
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.
@FluxAcademy
3 жыл бұрын
Thanks for the feedback - maybe we'll do that in future editions 😅
Wow, the popcorn site is my fave. Well done, Fernando!
Love the quality of your videos and the value you're providing! Thank you very much for your hard work.
So this is the man behind the beard... 😅 Keep it up, Ran!
@FluxAcademy
3 жыл бұрын
Thanks! 😅
@manzigustave536
3 жыл бұрын
@@FluxAcademy lol i didn't notice you have shaved that's why i was getting confused by your new face 😅😅😅
@losbones
3 жыл бұрын
Does that count as a rebrand?
I like to flow of the redesign process, it tells quite a good story. This is inspirational.
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 ❤️
@egoiisticprince7977
3 жыл бұрын
I loved business consultant and that popcorn
@FluxAcademy
3 жыл бұрын
happy you liked them! It was a tough choice!
@YuanH
3 жыл бұрын
thank you, Good to know that you like the consultant website redesign! 😁
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.
@FluxAcademy
2 жыл бұрын
Thanks! 🙏
@ajfrancis6365
2 жыл бұрын
Lmao ikr. That design legit blew my mind
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.
Those redesign are fantastic! I'm really absorbing as much information as I can
Seeing this now makes me want to undertake a challenge like this! Thanks Flux!
Man great video format super impressed. Those designs are fantastic too. Subscribed.
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? ❤️🤲🏻
What a surprise to see how many fellow brazilians follow your content too, nice
@FluxAcademy
3 жыл бұрын
🙌🇧🇷
As a junior web developer, this video brings so much inspiration. Design is not my forte but is always good to learn new things
@FluxAcademy
3 жыл бұрын
Glad it was helpful! Continue to learn and practice - and you'll see that you'll get there in no time. 👊
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.
These were all amazing!
Really love the redesign process :) Thanks for sharing this helpful video.
They were all very well done. I really liked what Giuseppe did with the logo.
Really love this, thank you very much And to all 5 designers, their works is awesome, I learned a lot from it :"D
Fernando NAILED IT. Parabéns irmão
The business consultant redesign was the best in my opinion. Just really cleared up my confusion with the site.
All them are major improvements the popcorn is my favorite redesign
Ran: website redesign beard: Ran redesign p.s. i love it tho
@FluxAcademy
3 жыл бұрын
😅
@constantavogadro7823
3 жыл бұрын
I thought Tai Lopez took over the vlog 😄😃😃
love it, can you make more of this? but focusing more on "breaking down the problems", thank you anyway!
AWESOME VIDEO!!!!!! Hope you will make video like this every week. Thanks, man!!!!!
@FluxAcademy
3 жыл бұрын
More to come for sure! 😊
amazing challenge. the presentation decks are amazing!!
Loving this kind of content. More of these please.
@FluxAcademy
3 жыл бұрын
Glad to hear! thanks 🙏
Love those videos!! I love the popcorn redesign man! 😇
Thanks for putting up the presentations and great work from the students. It’s really useful
@FluxAcademy
3 жыл бұрын
Glad it was helpful! 💜
Amazing redesigns here! Great job 👏
@FluxAcademy
3 жыл бұрын
Your redesign was also great! Keep up the amazing work!
Great picks! Blown away by #2 actually. 👍
@FluxAcademy
3 жыл бұрын
students did a great job, it was a tough choice! 😅
Love this! I learn so much from this! Thank you so much for sharing!
@FluxAcademy
3 жыл бұрын
Glad it was helpful! thank you! 🙏
YESSSSSSSS!! Thank you Ran and team at Flux!!!!! :D
@FluxAcademy
3 жыл бұрын
Congratulations Alex! 👊
This is awesome and very helpful! Another great video :)
@FluxAcademy
3 жыл бұрын
Glad it was helpful!
Smashed the like button when the popcorn site redesign came on @4:12! Amazing!!
These are amazing! Motivates me to continue my own web design career. 🔥🔥🔥🔥
@FluxAcademy
3 жыл бұрын
Great to hear Anthony! You got this! 👊
The popcorn redesign was incredible, but the donation website UX change was radical!
Wow!!! What awesome redesigns! For me, both the popcorn and the donation website stood out as the best.
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!
The popcorn club redesign was just mindblowing fr
Every single design is just beautiful thanks
@FluxAcademy
3 жыл бұрын
I got you 👊
The popcorn website amazing.. please keep posting such amazing videos..
The popcorn website was just awesome 🔥🔥
popcorn redesign is amazing!
Sorry, I love all the transformations but the popcorn one stands out for me.
Man i got recommend on 3.00 am 😂😂 love it
Great video. I would say great initiative so that others can also learn how to think out of the box.
@FluxAcademy
3 жыл бұрын
Glad to hear! 🙏
Fantastic video. Lots of inspiration here!
Damn these were really good. I loved the popcorn web redesign more than the winners redesign.
The 2nd and the 5th are amazing 😍
@FluxAcademy
3 жыл бұрын
🙌
The popcorn website just instantly blows your mind!
all these redesigns are awesome ❤❤❤
damn, Fernando... that was dope pra caralho, parabéns!!!
@carlosalberto-mo1wj
3 жыл бұрын
fernando e pica man, não boto fé q ele não ganhou os airpods
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.
@officialfretsonfire
2 жыл бұрын
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.
wow! this is so beautiful and have loved it.
Popcorn was absolutely mind-blowing.
Great Reviewing Video 😎👍👍. My first time seeing a video of web design reviewing 👍👍
You are my inspiration ran !!
@FluxAcademy
3 жыл бұрын
I'm humbled! Thank you! 🙏
this video is excellent!! great series idea too :)
Thanks for your feedbacks! Super nice contest 🤜🤛
@FluxAcademy
3 жыл бұрын
Thank you for being part of this too! 👊
Any chance of you discussing the mobile side of the redesigns too?
We need more of these challenges
Very enlightening. Thank You.
@FluxAcademy
3 жыл бұрын
glad to hear that! 🙏
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!
idk about you , well i know because you already chose the winner BUT.. the popcorn redesign tops the pops for me. Great redesigns overall
@FluxAcademy
3 жыл бұрын
For sure! Fernando's work was amazing, but Nadhirah's addressed some other points that were really relevant to the challenge.
@SaltLake180
3 жыл бұрын
@@FluxAcademy Might be relevant but it was still a mediocre site as compared to others.
Hey Ran, I had a quick question. Do you need to ask for permission from the business before you include them in your videos?
Hands down the Pipoca site won. I would have liked to see individual popcorn sprinkled on the homepage but the redesign is the best.
Great video man !
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!
Enjoyed this video... Need more!!!
Very helpful! Thanks Ran
@FluxAcademy
3 жыл бұрын
Glad it was helpful!
These are great. I really like popcorn website. How does one learn the problems a website have?
Whoa super youthful Ran! Great look for you! ... oh and the video is good too! 😅
@FluxAcademy
3 жыл бұрын
😅
I wonder, so in this episode, it talks about before and after of redesign. Is that process consider part of UI/UX? since the students need to understand the client website and identify the problem and make them into a better version of it.
I really loved the popcorn website redesign... for me, he won 😁😉
@FluxAcademy
3 жыл бұрын
Fernando's website was great! 🙌
Innovative ideas, Thanks!
O cara que fez da pipoca é brasileiro, caramba! Ficou incrível!
@luizinniziul2976
3 жыл бұрын
Ficou massa mesmo
Great work 🎉
That Fernando guy is absolutely wildddd!!! Dammnnnn!!!
I like it. Very edifying
I'm curious how the popcorn one looks on mobile ie. how that vertical carousel would interact on a mobile screen, or if the smaller mobile screen would break the hierarchy that's established.
Great designs.A big shout-out .I'm not active commenter but how about taking a redesigning of any college or university website.Awaiting for the video.
Loved this episode
@FluxAcademy
3 жыл бұрын
awesome, thanks! 🙏
dang. popcorn rebrand is sick!