An interaction study for Mare’s collection feed, exploring how to make groups legible within a dense, mixed-format archive.

The layout preserves image proportions and integrates collection labels into the packing system. On hover, image-derived gradients establish the collection boundary, while subtle displacement creates space around the active group without changing its position or scale.

The motion studies isolate assembly, packing, colour and proximity, using real collection content to examine timing, spatial continuity and hover behaviour.

Final hero section for TealSites, a web design & development agency.

Designed in Figma.

The thinking behind the design was simple:

Clear messaging that communicates the agency's value right away.

A project showcase directly below the headline, letting the work speak for itself.

Subtle grid lines, corner brackets, and teal accents to create a distinct visual identity.

Two clear CTAs, one for potential clients ready to connect and another for those who want to explore the work.

The goal was to balance visual appeal with clarity, structure, and usability.

Clean design, thoughtful details, and a clear purpose behind every element.

What do you think?

Excellent