I have just finished with my responsive Product Landing Page:
FCC | Project 03 | Product Landing Page
Everything was made from scratch, and this time I tried to incorporate several of the effects, tools and designs that I have come across with while watching tutorials. Loading images take a few seconds at the beginning.
Feel free to test its responsiveness in smartphones .
Any constructive feedback and all possible tips will be highly appreciated.
Nice design, Congratulations!
I’d only change the behavior of the welcome banner. I think it would be better that the banner crosses below the menu/navbar and not above.
Thanks so much for your feedback, I appreciate it!, I have not realized the overlapping produced by the nav, probably originated while doing my last updates to the page. Now it is fixed.
Super small UX thing - In Mobile-mode the menu fades in, but quickly snaps out instead of fading out when closed.
Thanks! @brandon_wallace, image issue solved, it was a matter of switching the image repository from private to public.
I’ll be working on improving the footer view.
Thanks for your detailed review @r-i-c-h. I managed to find the way to set the fade out effect by working with opacity instead of scale property in the overlay class.