Very little of the Heron site is layout, which makes responsive a design problem rather than a bu...Very little of the Heron site is layout, which makes responsive a design problem rather than a bu...
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
Very little of the Heron site is layout, which makes responsive a design problem rather than a build task.
The hero depends on a cursor drag, the preloader on a datum line moving up a full elevation, the explanation on a four-beat scroll sequence, and the whole visual system on architectural linework that fails when scaled down.
Each of those was re-solved for mobile. The hero interaction was rebuilt for touch and reframed to portrait. The scroll sequence was re-timed for shorter distances. Drawings were recropped so the relevant part of the plan is shown at a readable size instead of the whole drawing at an unreadable one. Motion weight was reduced to hold performance on mid-range devices without dropping any of the beats that carry the story.
Since most traffic arrives on mobile, this version had to stand on its own rather than gesture at the desktop 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