Before & After: Small Business Websites Redesigned
Рет қаралды 327,903
Күн бұрын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!
@proudofmokum 3 жыл бұрын
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??
@Digitalism_ 3 жыл бұрын
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
@lika_cola 3 жыл бұрын
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
@92soldier 3 жыл бұрын
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
@kaPaURL 3 жыл бұрын
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
@dhineshvm2184 3 жыл бұрын
Popcorn Club 🔥 Fernando
@FluxAcademy 3 жыл бұрын
🔥 🔥 🔥
@RigelBergonio 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!
@sevenstar3616 3 жыл бұрын
PLZ CONTINUE THIS SERIES, THIS IS INSPIRATION WEB DESIGN
@FluxAcademy 3 жыл бұрын
we will! 🙌
@henrythomas7112 11 ай бұрын
Love the quality of your videos and the value you're providing! Thank you very much for your hard work.
@pixel9032 Жыл бұрын
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!
@user-bo9rl6ro5s 2 жыл бұрын
Thank you for this format! I enjoyed a lot watching these transformations. Designer are so talented. Please more videos like this!
@VenerSarmiento 3 жыл бұрын
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! 😅
@HDMOVIECREATOR2012 3 жыл бұрын
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.
@CPTZK11 2 жыл бұрын
The popcorn redisgn literally took my breathe away. Amazing, worth every penny plus more
@abby7742 2 жыл бұрын
Wow, the popcorn site is my fave. Well done, Fernando!
@stillready6405 3 жыл бұрын
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.
@trevorhawley1237 3 жыл бұрын
Man great video format super impressed. Those designs are fantastic too. Subscribed.
@BBI-Brandboost 3 жыл бұрын
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!
@unsignedhub 3 жыл бұрын
I like to flow of the redesign process, it tells quite a good story. This is inspirational.
@Dramko 3 жыл бұрын
Those redesign are fantastic! I'm really absorbing as much information as I can
@nickjones605 3 жыл бұрын
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! 😎
@bigfoot131 3 жыл бұрын
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 😅
@VKIID 3 жыл бұрын
Seeing this now makes me want to undertake a challenge like this! Thanks Flux!
@pein1011 2 жыл бұрын
Really love this, thank you very much And to all 5 designers, their works is awesome, I learned a lot from it :"D
@debf4992 3 жыл бұрын
They were all very well done. I really liked what Giuseppe did with the logo.
@cheapwebdesign2695 3 жыл бұрын
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! 😁
@Vancittyy 2 жыл бұрын
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
@sophiesergeevna7587 3 жыл бұрын
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.
@AndreNMailho 3 жыл бұрын
Parabéns Fernando Bisca , o seu layout ficou sensacional. *Congrats to you Fernando Bisca, your layout is amazing.
@gcbicca 2 ай бұрын
Wow!!! What awesome redesigns! For me, both the popcorn and the donation website stood out as the best.
@JaysonClarit 2 жыл бұрын
Really love the redesign process :) Thanks for sharing this helpful video.
@brownsugarbranding 2 жыл бұрын
The business consultant redesign was the best in my opinion. Just really cleared up my confusion with the site.
@normthomas5028 3 жыл бұрын
Those are excellent! Glad to see all the Foodie sites in there! Where do my cohorts get the time? ❤️🤲🏻
@jdherbig 3 жыл бұрын
amazing challenge. the presentation decks are amazing!!
@bogdanarehere5855 3 жыл бұрын
AWESOME VIDEO!!!!!! Hope you will make video like this every week. Thanks, man!!!!!
@FluxAcademy 3 жыл бұрын
More to come for sure! 😊
@BernardinhoBeiraMar 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. 👊
@Jacob-iv7qg 3 жыл бұрын
love it, can you make more of this? but focusing more on "breaking down the problems", thank you anyway!
@mitch761 3 жыл бұрын
Thanks for putting up the presentations and great work from the students. It’s really useful
@FluxAcademy 3 жыл бұрын
Glad it was helpful! 💜
@SillyWeb 8 ай бұрын
Damn these were really good. I loved the popcorn web redesign more than the winners redesign.
@AFMCarlos 3 жыл бұрын
What a surprise to see how many fellow brazilians follow your content too, nice
@FluxAcademy 3 жыл бұрын
🙌🇧🇷
@RoyPetrie 2 жыл бұрын
Love those videos!! I love the popcorn redesign man! 😇
@dimitridehouck9506 3 жыл бұрын
Love this! I learn so much from this! Thank you so much for sharing!
@FluxAcademy 3 жыл бұрын
Glad it was helpful! thank you! 🙏
@hdavid1574 3 жыл бұрын
So this is the man behind the beard... 😅 Keep it up, Ran!
@FluxAcademy 3 жыл бұрын
Thanks! 😅
@2Manzy 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?
@ayafathallah3274 3 жыл бұрын
Smashed the like button when the popcorn site redesign came on @4:12! Amazing!!
@kingkhi3497 3 жыл бұрын
All them are major improvements the popcorn is my favorite redesign
@diwakardayal954 3 жыл бұрын
Every single design is just beautiful thanks
@FluxAcademy 3 жыл бұрын
I got you 👊
@brooksgunn5235 3 жыл бұрын
The popcorn redesign was incredible, but the donation website UX change was radical!
@sweetstuff55 3 жыл бұрын
This is awesome and very helpful! Another great video :)
@FluxAcademy 3 жыл бұрын
Glad it was helpful!
@anthonyprasad1402 3 жыл бұрын
These are amazing! Motivates me to continue my own web design career. 🔥🔥🔥🔥
@FluxAcademy 3 жыл бұрын
Great to hear Anthony! You got this! 👊
@franciscofreitas6695 3 жыл бұрын
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!
@rohithdsouza8 2 жыл бұрын
The popcorn website just instantly blows your mind!
@kelvezu1585 3 жыл бұрын
Loving this kind of content. More of these please.
@FluxAcademy 3 жыл бұрын
Glad to hear! thanks 🙏
@AdrianToddRoss 3 жыл бұрын
These were all amazing!
@oliverwenningmann980 3 жыл бұрын
Great picks! Blown away by #2 actually. 👍
@FluxAcademy 3 жыл бұрын
students did a great job, it was a tough choice! 😅
@milindkhadse556 3 жыл бұрын
The popcorn website amazing.. please keep posting such amazing videos..
@DomenicoMarcoDiDonna 3 жыл бұрын
Amazing redesigns here! Great job 👏
@FluxAcademy 3 жыл бұрын
Your redesign was also great! Keep up the amazing work!
@wajahatnet 3 жыл бұрын
Great Reviewing Video 😎👍👍. My first time seeing a video of web design reviewing 👍👍
@PedroNogueiranunes 3 жыл бұрын
Fernando NAILED IT. Parabéns irmão
@MrZMaslam 2 жыл бұрын
Popcorn was absolutely mind-blowing.
@zuhranahmed 3 жыл бұрын
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! 🙏
@CPTZK11 2 жыл бұрын
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!
@mydigitalmarketingjourney1087 3 жыл бұрын
Fantastic video. Lots of inspiration here!
@mohammadosman4102 3 жыл бұрын
The popcorn club redesign was just mindblowing fr
@davidnorris8160 3 жыл бұрын
wow! this is so beautiful and have loved it.
@Wzdom1 2 жыл бұрын
this video is excellent!! great series idea too :)
@archevallaran2005 3 жыл бұрын
Sorry, I love all the transformations but the popcorn one stands out for me.
@thefaraazansari 3 жыл бұрын
The popcorn website was just awesome 🔥🔥
@anishbakhan310 3 жыл бұрын
all these redesigns are awesome ❤❤❤
@N1t_in 2 жыл бұрын
Enjoyed this video... Need more!!!
3 жыл бұрын
popcorn redesign is amazing!
@AlexPresa 3 жыл бұрын
YESSSSSSSS!! Thank you Ran and team at Flux!!!!! :D
@FluxAcademy 3 жыл бұрын
Congratulations Alex! 👊
@vladislavnegro9324 3 жыл бұрын
Ran: website redesign beard: Ran redesign p.s. i love it tho
@FluxAcademy 3 жыл бұрын
😅
@constantavogadro7823 3 жыл бұрын
I thought Tai Lopez took over the vlog 😄😃😃
@annlishchynska978 3 жыл бұрын
The 2nd and the 5th are amazing 😍
@FluxAcademy 3 жыл бұрын
🙌
@nicktolentino8250 3 жыл бұрын
Hands down the Pipoca site won. I would have liked to see individual popcorn sprinkled on the homepage but the redesign is the best.
@SuperDarmino 3 жыл бұрын
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.
@yolandabenz4115 3 жыл бұрын
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.
@pratikrajsah 2 жыл бұрын
We need more of these challenges
@giuseppefarina7393 3 жыл бұрын
Thanks for your feedbacks! Super nice contest 🤜🤛
@FluxAcademy 3 жыл бұрын
Thank you for being part of this too! 👊
@victoremisho9432 3 жыл бұрын
That Fernando guy is absolutely wildddd!!! Dammnnnn!!!
@musicalboy9122 3 жыл бұрын
You are my inspiration ran !!
@FluxAcademy 3 жыл бұрын
I'm humbled! Thank you! 🙏
@SaSha-hb5rq 3 жыл бұрын
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.
@rlsimmons1214 3 жыл бұрын
Very enlightening. Thank You.
@FluxAcademy 3 жыл бұрын
glad to hear that! 🙏
@miketaiwanwalkcity6355 3 жыл бұрын
Very helpful! Thanks Ran
@FluxAcademy 3 жыл бұрын
Glad it was helpful!
@Amine-hb4gi 3 жыл бұрын
Innovative ideas, Thanks!
@FiqZz_ 3 жыл бұрын
Man i got recommend on 3.00 am 😂😂 love it
@wilhelmngoma9009 3 жыл бұрын
I like it. Very edifying
@idancanfi 3 жыл бұрын
Great video man !
@isaquecastro2849 3 жыл бұрын
O cara que fez da pipoca é brasileiro, caramba! Ficou incrível!
@luizinniziul2976 3 жыл бұрын
Ficou massa mesmo
@zaka9862 Жыл бұрын
The second to last one looked like a horrendous mess before the redesign. The last one was a job well done I think but the donation site was a least functional looking for the most part beforehand by comparison to the 4th one haha. Also, the popcorn redesign is really really nice. The hero for it is fire. My top ones for the redesign is #2 Popcorn Site and #4 Business Consultant.
@cweb1988 3 жыл бұрын
dang. popcorn rebrand is sick!
@mr_cupcakes1808 3 жыл бұрын
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
@tejalbhavsar4610 2 жыл бұрын
loved all of them, osm video.
@oguching 3 жыл бұрын
These are great. I really like popcorn website. How does one learn the problems a website have?
@ujjwala8775 3 жыл бұрын
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.
@amanda.632 2 жыл бұрын
I wish I could be this talented and creative. Maybe a few years of practicing will guide me there.
@sk5748 7 ай бұрын
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!
@sapphireyue1324 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.
@Isra-p1 3 жыл бұрын
awesome! very cool and educational video
@FluxAcademy 3 жыл бұрын
Thank you 🙏
@ultranova3315 3 жыл бұрын
Great video Ran 👍, can you make a tutorial on the different prototype features and how to go about it , as I'm having a bit of a hard time . Like parrallax animation and auto animate etc .
@FluxAcademy 3 жыл бұрын
thanks! 🙏 re: video, let me think about it.
@ultranova3315 3 жыл бұрын
@@FluxAcademy thank you , do take your time
@Sydinofficial 3 ай бұрын
Great work 🎉
Marusya Outdoors
Рет қаралды 64 МЛН
Wes McDowell
Рет қаралды 45 М.