Team sections force a trade-off. Photography carries credibility, but it usually breaks a tightly...Team sections force a trade-off. Photography carries credibility, but it usually breaks a tightly...
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
Team sections force a trade-off. Photography carries credibility, but it usually breaks a tightly drawn visual system.
Heron's runs two states. The default is a crosshatched pen portrait, which keeps the section inside the same drafting language as the plans and elevations used across the site. On hover the card inverts to black, registration crosshairs appear at the corners, and the illustration resolves into a black and white photograph.
The move also carries meaning for this audience. Drawing resolving into built reality is the basic sequence of architectural practice, so the interaction reads as native rather than decorative.
At rest the grid holds as a system. On interaction it delivers the credibility a team section exists to provide.
Ganesh's avatar
pro
• 1d
Love this interaction. The layout and the footer design all stand out.
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