Top 7 Websites of Spring/Summer 2023
Тәжірибелік нұсқаулар және стиль
bit.ly/3NHPNpM 👈 Design & code like me. Use "UI2023" for 23% Off!
designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, we're going to take a look at 7 excellent examples of interactive websites from spring/summer 2023 so far. One thing that ties all of them together is their excellent use of interactions, motion and animations.
www.cosmos.so/
qude.audio/
www.omegawatches.com/space/sp...
www.nettramedia.com/
sandclock.madebyburo.com/
bavet.eu/menu/
gens.nl/en
0:00 - Intro
0:20 - Site 1
2:23 - Site 2
3:58 - Site 3
5:40 - Site 4
7:10 - Site 5
8:51 - Site 6
10:17 - Site 7
Let's get started!
#uiux #uidesign #frontend
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Пікірлер: 43
Gary, I just want to mention how helpful you've been to me. I follow your tutorial back to back and I can't get enough of it. Thank you so much, I really appreciate you.
The blog is fantastic! A lot of great information can be helpful about the benefits of developing a website. Keep updating the blogs.
Love it! webflow is such a powerfull thing right now!
Thanks for making these type of videos 💪
Very nice video ! A lot to learn from. Thank yiu
Thank you, it was just wow
Amazing stuff!
thanks for sharing it
All of those websites are awesome, good pick once again Gary. I have a remark tho. I'm older than the smartphone generation so I tend to prefer desktop version of websites, but isn't it better to focus first on the aspect on mobiles and touch screen? Like, you are showing us only the desktop version of those websites. I mean, I'm actually redoing my portfolio (yeah I know you know) and I feel I lost hours of using GSAP etc on my past portfolio by making everything fancy with an efficient UX since it was almost impossible to have the same on mobile / touch screens. (no more mouse tracking, hover effects, etc etc). I'm thinking I should stop focus on desktop, and make all the style and UX mobile first. What about you?
The sandbox is beautiful 😮
Devs & Designers often forget that the Web does not have to be static. Wish you had explained how to actually do a few of these. Alas... Lookin' forward to the new next-level content!
Great video! Perhaps you would consider making a top mobile websites video? Over 90%+ of my conversions are mobile, and many of these great desktop designs won't work well with mobile, such as cursor effects.
AMAIZING REVIEW, what chrome extension do you use to check the library used for these sites?
Which is your favorite?
@BrutalInsights
11 ай бұрын
Site 5 ( Space-Sustainability by Omega Watches ) , probably most beautiful seamless galactic animations of shooting stars, smooth scrolling animations and such. Hope we get som of these techniques in your upcoming advanced design course. 😇
@LeandroVilanovaDev
10 ай бұрын
Qude
quick question: how far can you go with those designs while still being accessible?
How to create and code these type of designs, can you make a tutorial for it !
That's cool❤ Hey Gary, can you please made a figma crash course 2023 2.0 as figma introduces new features???
@ihobeo
11 ай бұрын
Yes, please :)
6:43, I don't think Webflow is for "those who can't code", in fact, it has a "learning curve".
For a decade I’ve put dynamic on scroll styling priority 1🎉💥⚡️🎉
Where do you find these websites?
Am I the only one who finds all the animations distracting? On some of these sites there's so much going on that you don't know where to look first. My personal preference is that animation is used sparsely and mainly on interactions like hovering or clicking on buttons and such. When something actually happens like a state change of something (like something is added to a shopping cart), an animation can help to make you notice that. But all the animations on scroll and such are very distracting from the thing that is most important and that is getting the information to your viewer.
@ldmun
11 ай бұрын
I agree with you, I love animations but some websites have too much, like Dieter Rams said: "good design is as little design as possible"
@rafalpotasz
11 ай бұрын
I always end up not reading anything when everything is animated, so I have to agree. It all looks cool and I'm sure some of these things were difficult to make but "Mass Distraction" is getting over the top recently :)
@zgo99
11 ай бұрын
@@ldmun Dieter Rams is definitely a reference! 👍🏼
@LoveLiveAndCode
10 ай бұрын
Simply yes, too many made it distracting
@thevikingsock8527
10 ай бұрын
@@ldmun but not when u wanna 'wow' people and make ur Page stand out
What's the name of the extension you use to check the various js library used in the website?
@israelmitolu5365
11 ай бұрын
I need to know also
@will_abule
11 ай бұрын
@@israelmitolu5365 Wappalyzer
Can anyone give me an estimate of how much you would charge for sites like these???
Hi
Scroll animation scroll animation scroll animation scroll animation. Oh look at this, scroll animation. Wow how did they do this scroll animation. I love the globe project but really needs more scroll animation.
"Écouter" is actually the french word for "Listen"
Bro as a fellow Hairloss Witcher, you gotta take Finasteride and stop binding ur hair back
ecawter ✨😂
Cool animation but very distracting.
Did you noticed keyboard feature on Qude try to press [ Q ] [ U ] [ D ] [ E ]