WEB DESIGN CHALLENGE: Testing Your Redesigns!
Вставка
- Опубліковано 30 тра 2024
- We're so excited to share this month's web design challenge with you guys. It's a very special one.
This time around, the company TopStackResume reached out to us to be the test subject for our students' redesign challenge.
Basically, our students were tasked with redesigning the TopStackResume website.
We picked the top 5 redesigns who will actually be building out their designs in Webflow. These live webpages will then be A/B tested by TopStackResume to see which design converts best!
The current TopStackResume website: bit.ly/2LWyTIm
Top 5 Student redesigns:
Juhi Khatri: bit.ly/3qQjXdA
Celine Winkel: bit.ly/39VHJxG
Matthias Cordes: bit.ly/3a6VE48 and • Explaining My Design P...
Bas van Straaten: bit.ly/3iMn4jQ
Dang Nguyen: bit.ly/3caRzPe
Timestamps:
00:00 Intro
1:13 Going over the current site
2:10 The challenge
2:30 Reviewing your redesigns
5:10 Top 5 redesigns
-
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
#webdesign #websitedesign #webdesign2021
Thanks for watching the video!
![[柴犬ASMR]曼玉Manyu&小白Bai 毛发护理Spa asmr](http://i.ytimg.com/vi/0TsXQ7z2Dh4/mqdefault.jpg)
Finally, Full website design instead of just the Hero Section 😁.
Have you checked the other before and after challenges videos? The redesigns were done to the homepages, not just hero section. 🤔
My guess is, the one with the long button will convert best. It is by far the best design for a business.
I was waiting for this.
Didn't get selected but learnt a lot from these redesigns. Awesome job!
Practice makes perfect! Hope to see you in the next challenges. 👊
@@FluxAcademy Definitely, Stronger and Better!
1, 2, 5 are my personal favourite !
Hopefully we will see 2 or 5 one winning the competition.
Let's see how it goes! 😊
I Prefer last one. Because Interaction is working great for me.
Loved the second last one (Juhi’s)... kept me engaged and loved the unique approach!!
Glad you liked it!
So cool ! Love this. Cant wait to see other challenges like that
At 11:28 you talk about "he left out the left one which probably is the cheapest one". I remember at 2015 the same tactic was used buy Google Drive packages. Back then, boss asked the secretary to purchase the cheapest package and she purchased the 2nd cheapest because she didn't understood she could swipe to the left (there wasn't a big arrow button - like the design you discuss - to a point that will catch your attention). It stayed in my mind as an interesting practice since then.
Going through these designs is super helpful so thank you Ran! All of them were very solid designs. A key takeaway for me is that you could create the greatest design in the world, but if you don't make the product/service/goal clear right away, you risk losing a conversion.
Awesome, thank you! And 💯
Can't wait for the results ! This concept of testing IRL is perfect and super valuable, thanks a lot ! Hope to see more like those :D
Glad you liked it!
Woohoo 🥳 Thanks for featuring my design!!
Really liked your premium-like design! Especially the plans shown and the typefaces were neat!
@@louwechsler I also wanted to talk about these two and the Steps were also engaging.
Dang!
@@louwechsler Thanks Marie-Lou! It took me quite sometimes to decide on the typefaces. Glad it was worth it.
@@norbulama2936 🙌
AWESOME video!!
Thank you, man.
I've learnt a lot from your channel about website and conversion rate. Thank you very much.
7:55 this design is off the grid. Why this has different margins on both left and right?
Hi Asi, the design actually has the same margins on both sides. But because the preview was not set to scale down to fit Ran's screen width, it looked off the grid! You can check the design file in the info section to see the full design.
Thank you Ran for the feedbacks. It helps a lot and definitely looking forward to the next challenges.
Awesome Arjun! 👊
@@FluxAcademy Always happy to be featured in the critique.
Considering 80% of visitors are mobile, could you also show the mobile version of these websites?
Maybe in the next video. These are only desktop redesigns. Thanks for the suggestion. 👍
I love this type of vidéo ! we learn so much !
More to come! 🙏
Is there are 'Part 2' to this video? It would be nice if this was retroactively added to the description.
Awesome as usual!
Can't thank you enough, I was looking for inspirations for a similar service.
Glad we could help! 👊
The first couple were great and I know you didnt know what the site "was about" but it was clearly the first thing you lay your eyes on , the logo , their designs were great I thought
I am proud that every day I learn new things from what you share. at least every day I watch one of your videos
So happy to hear that the videos have been helpful to you. Keep going, and besides watching, practice practice practice! It will help you become a better designer faster. #30dayswebdesignchallenge
@@FluxAcademy thanks I will do
Can't wait for the process ! Love this
Coming soon!
@@FluxAcademy Aiit boss
Keep Going! You make awesome job!
Didn't make it into the top 5 but learned a lot from seeing this video, great work folks!
So glad you participated Ethan! Hope to see you in next challenges and maybe next time you'll be featured in our videos. 👊
Man Ryan, your sweaters are always fire. this one and the white/orange one are so nice!!
Appreciate it!!
Example of First redesign in bad quality 😔
Second redesign is AWESOME, thanks Celine what describe the 🙏
What was a conversion of original page?
About the "Text in the hero section must clearly indicate what this website is about and what you're trying to achieve"
You have also suggested this during your portfolio reviews.
My question is, if I am new to UX Design looking for an opportunity coming from a completely different background, what points can I highlight in the hero section message as I don't have any particular niche or experience to boast about yet
to work for a company or freelance? if you want to work for a company, you should focus on making a list of the companies you want to work for, the type of design they do and make a portfolio that has that type of design with your twist. Adapt the language of your website to the language of those companies.
If you're a freelancer, in the beginning is hard, but you can chose to focus on a niche and even if you get jobs or projects from other clients who are not part of the niche, you can still do them and then decide if you want to feature the project in your portfolio.
If you try to communicate with everyone, it's harder to get someone to hire you. If you focus on a niche, copywriting talks to those people specifically and you have more chances that they contact you.
@@FluxAcademyThankyou for your response. I am looking for my first full time UX design job preferably at a medium sized company.
Also I have been self learning about UX for the past few months and I just have 1 project so far to showcase. Will this be a hindrance? Or is there a way to still present myself as a good candidate through that one project?
Could u pls do portfolio review next
I really don't get it. I've come across one of your previous videos and you recomended to choose one of three Hero headlines strategies - (What is it? What you get? and What Can you do with it?). While the rejected ones don't tell you specifically what it is, they do tell you what you're going to get. Am I missing something? :(
Well, their service is promising you a solid resume more than anything else. That's what you're getting. That should be at the forefront of their messaging. Then, it'd be a good idea to talk about how this will help you get hired in the subhead.
But "what you are going to get" has to be targeted at your target market: and in this case the target market isn't "everyone that needs to magnify their profile" or "everyone that needs to get hired." The target market is "people that need resume services that want to increase their chances of getting hired."
I don't think it's about 'choosing' and answering any one of the 3 headline strategy. It's about making sure that your headline answers all 3 questions.
For eg: The headline used in the first out of the 5 selected redesigns manages to answer all 3 of those questions in 3 lines.
That's what makes it a better choice over the rejected ones.
Atleast that's my interpretation, I hope it makes sense 😊
more helpful video sir.
A/B testing with 5 website versions?
Can the next challenge be redesigning for a mobile device?
We did a mobile redesign for the challenge before this one - check my previous videos. 🙏
Can I join your next contest, if I'm not student of your course?
Hey Denis! Only our students will be able to participate in these challenges. If we ever do public challenges we hope you can join! Btw, we did a #30daywebdesignchallenge on Instagram.
First again ❤️💖🙏
I dont think that, in this particular case, they have to mention what the company is about. The name of the company speaks for itself.