Mobile was treated as its own design problem rather than a responsive afterthought. The scroll jo...Mobile was treated as its own design problem rather than a responsive afterthought. The scroll jo...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Bearplus's avatar
Bearplus Fullstack Agency
• Aug 25
Mobile was treated as its own design problem rather than a responsive afterthought.
The scroll journey had to survive a vertical frame and much shorter scroll distances, so the sequence was re-timed and each scene reframed for portrait. Motion budgets were reduced to protect performance on mid-range devices without dropping the parts of the sequence that carry the story.
Given that the majority of traffic arrives on mobile, this version had to stand on its own rather than gesture at what the desktop experience does.
Web DesignWeb DevelopmentuiuxdesignResponsive DesignGSAPthree.jsWebGLMobile Design
Post image
Rafee 's avatar
Rafee Alam
pro
• Aug 25
Reframing each scene for portrait instead of just squeezing the desktop version down is the part most teams skip. How do you decide what to cut when trimming the motion budget for mid-range devices?
Bearplus's avatar
Bearplus Fullstack Agency
• Sep 4
We cut what doesn’t add to the core experience.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started