Our #30DaysOfWebDesign challenge is STILL going strong on Instagram! Check what people are creating here: https://www.instagram.com/explore/tags/30daysofwebdesign/
Timestamps:
00:00 Intro
1:00 Text on image not readable
1:20 Left-positioned center-aligned text
1:44 Lack of button padding
2:09 Ungrouped CTA button
2:30 Mobile design on big screen
3:08 Repeating logo
3:24 Overemphasizing text
3:57 Dropshadows on text
4:38 BG image position and crop
5:14 Image on top of background image
Music:
Wallace – Piano Haze
Wallace – Drunk Piano
–
How to scale your design business using Webflow
https://www.flux-academy.com/resources/free-webflow-webclass
–
Find me on other social media platforms:
Instagram: https://www.instagram.com/ransegall/
Twitter: https://twitter.com/ransegall
LinkedIn: https://www.linkedin.com/in/ran-segall-0b582a33/
–
Gear & Book Recommendations: http://bit.ly/2ohFOuj
#webflow #webdesign #websitedesign
Thanks for watching the video!
source
great tips…. disagree completely on the hamburger menu tho especially when trying to create a clean hero with emphasis on the messaging.
Flux, I'd really like to see how this website would look like on mobile. It's not a trivial task to convert hero sections to mobile.
Yo big thanks for the video <3
This is so simple and direct to the point! I love appreciate this kind of format! Thank youuu!
Thank you for these tips!
Fortunately, there are no rigid laws for design. The minimalist option of the hamburger menu, for example, makes perfect sense for design-oriented presences. In a functionality-oriented website, people may find this extra click annoying. However, my experience is that people are more bothered by Information overload than an extra click. I put the main use case in the center and let the rest be hidden by clicking or scrolling. This strengthens focus.
Big THUMBS UP for this video. Fantastic and Helpful.
wow ..man became a fan of yours ..expecting more videos on this series so that we can take care of this type of mistakes in future designs.
Not sure that burger menu is a mistake in desktop view. Burger menu could be clever when you want to force your user to navigate by scrolling or what you want. I already test a landing page with and without, the result was surprising. Better conversion with burger menu than without. I think it depends about the construction of your selling tunnel an type of website.
Concise, short and awesome!
I actually just realized yesterday that I'm now an intermediate Web Designer 🙂… Had to clear up all my old work and leave just the new ones. Also, I noticed atleast 9 of these mistakes in my own before you pointed them out so I'm definitely improving well.
So helpful thank you 🙂
What microphone 🎤 are you using?
I wouldn't say the hamburger menu is a web design mistake. It's a hotly debated topic for sure, but that doesn't make it a mistake. Youtube has one.
There are caveats to the drop shadows on text. One, if going for a retro 80s looks, a neon drop shadow on text fits the theme. Second, sometimes a toggle switch can contain a single character on either side (ex. $ vs %). The unselected side definitely looks better with a light drop shadow, like 15% and 12 blur.
I clicked on you gear and book recommendation link but bitly is showing awWarning. "This URL has been flagged by Bitly's systems as potentially harmful."
Please have a look and fix your link. Thank you!
I genuinely thought the hamburger thing was a trend
Who is making all these noob mistakes? 🤣
MY 18+ PHOTOS HE RE 💜 👉 https://bit.ly/3izOLxl
Megan: ''Hotter''
Hopi: ''Sweeter''
Joonie: ''Cooler''
Yoongi: ''Butter''
Жизнь, как красивая мелодия, только песни перепутались.
#однако #я #люблю #таких #рыбаков .#垃圾.
Köz karaş: ''Taŋ kaldım''
Erinder: ''Sezimdüü''
Jılmayuu: ''Tattuuraak''
Dene: ''Muzdak''
Jizn, kak krasivaya melodiya, tolko pesni pereputalis.
Aç köz arstan
Bul ukmuştuuday ısık kün bolçu, jana arstan abdan açka bolgon.
Uyunan çıgıp, tigi jer-jerdi izdedi. Al kiçinekey koyondu gana taba algan. Al bir az oylonboy koyondu karmadı. ''Bul koyon menin kursagımdı toyguza albayt'' dep oylodu arstan.
Arstan koyondu öltüröyün dep jatkanda, bir kiyik tigi tarapka çurkadı. Arstan aç köz bolup kaldı. Kiçine koyondu emes, çoŋ kiyikti jegen jakşı dep oylodu.0''
Arstan koyondu öltüröyün dep jatkanda, bir kiyik tigi tarapka çurkadı. Arstan aç köz bolup kaldı. Kiçine koyondu emes, çoŋ kiyikti jegen jakşı dep oylodu.0''
I cannot agree with the mobile menu on desktop views – I prefer it very much as most sites, in my experience have more than 5 menu items, followed by submenu items and for me, fullscreen menus are the way to go. Also because header images mostly do not fit with menus as well and a then needed header area for the menu – seperated, Also lately screens are very low in height and also for this mobile menus are the best. Because if users search for something they can decide wether to scroll down and watch the pages or watch the menu full screen without distraction of moving slideshows or other blinking elements. Just for me. With three or five menu items it is still an option for me but these cases are very rare – thanks for thoughts anyway.
Izzy, grow out your beard!
Wow..more of these please
Doesn't feel like common mistakes. I'd call it 10 amateur mistakes to be frank.
How about you reference the "DATA SHOWS" in description? I agree with these mistakes, but I have yet to find official data to debunk my clients of their bad design taste.
the hamburger thing cant be repeated enough. I've heard people say its bad for usability for years and i still see it on so many sites. Hijacking or changing how scrolling works is also annoying
Is that indesign which is being used?
Great advise! Love your channel!
simple but great advice
Ok 😀🤘🏼
That was actually so useful. Thanks! Do you have links to any of this data you refer to?
That was actually so useful. Thanks! Do you have links to any of this data you refer to?
Could you guys do video on composition and layout for web design? Basically where to place things on the webpage how to create flow and rhythm throughout the webpage that makes sense how to layout images and text in a unique way ?
Great content. Thank you.