Loopstudios - Pixel Perfect | HTML | SCSS | JS | GSAP
Design comparison
Solution retrospective
Hello folks! π
-
Its an almost Pixel Perfect landing page with beautiful animations with the help of GSAP animation library.
-
Header is resized & fixed on top on scroll with smooth transitions to provide better usability & UI.
-
The "Creations" cards section have & glassmorphism tilt effect on hover.
Is there anything else that could be done better to provide better UI experience ? A **feedback ** or any suggestion for this awesome effort would be appreciated ! π
Community feedback
- @AgataLiberskaPosted over 3 years ago
Hi @aakash19090 :) I think we watched the same GSAP video! The load animations look great, well done!
However, I wouldn't personally animate the whole page, just some elements to make it look interesting. I think the animation in the hero section is fantastic, but I get a bit dizzy scrolling down from there (this is of course my subjective opinion - and if you want to keep the animation throughout, it may be a good idea to look into reduced motion media queries
I would also add some hover styles to links in the footer, and correct the social media links - when they scale up on hover, they overflow the container and get cut off a little bit. Adding focus styles is a must, too - if you remove the default outline, you need to provide a good alternative (an underline would look good I think).
Overall your solution is very impressive I think :)
2@aakash19090Posted over 3 years agoHi @AgataLiberska
The idea behind this was to explore ScrollTrigger with scrub animations that move back & forth relative to scrollbar position. I will surely look into your suggestion mate!
And yeah, hover styles on footer links are corrected ( due to overflow hidden container ). π
Thank you for your valuable feedback! π
0 - @RocTanweerPosted over 3 years ago
Arey bhai kya kam liya hai aapne, WAHH!! happy coding bhai jan..!
1@aakash19090Posted over 3 years ago@RocTanweer
Shukriya bhai π! Happy Coding! π
0 - @kido5285Posted over 3 years ago
wow this looks cool
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord