Thanks to the suggestion of a fellow Webflow community member, we'll be rebuilding Spotify's homepage from scratch in Webflow. We'll be focusing on the slider component and simple scroll interactions.
2:00 - Visual breakdown of the Spotify homepage
5:58 - Beginning the rebuild
6:10 - Adding Navigation bar
13:08 - Building the Hero section
16:50 - Designing the hero slider
35:18 - Building the second section
38:00 - Using flexbox to contain content in section #2
38:45 - Building the 2x2 album grid with flexbox
41:28 - Designing the hover interaction on 2x2 album grid
54:18 - Anchor arrow animation and overlap
56:25 - Section #2 text scroll interactions
59:07 - Building the third section
1:00:40 - Section #3 anchor arrow
1:04:25 - Adding text block elements in section #3
1:10:19 - Making the diagonal phone grid in section #3
1:29:45 - Starting section #4
1:44:00 - Starting section #5
1:46:57 - Design section #5 content using flexbox
2:11:48 - Adding interactions to section #5
2:14:44 - Design feedback and Q&A
