Left column scrolls down while right column scrolls up. Creates a visual tension that keeps eyes moving. Great for comparisons, before/after, or dual narratives.
Research, positioning, competitive analysis
Wireframes, prototypes, visual systems
Production code, testing, deployment
Analytics, optimisation, growth loops
Understand the problem before solving it
Information structure, user flows, edge cases
Go-to-market, monitoring, first users
Data-driven improvements, sprint cycles
Opposite motion creates tension and interest. The visitor's eye bounces between the two columns, ensuring both sides get attention. Comparison pages, dual narratives (problem/solution), and portfolio before/after flows benefit from this pattern.