Building the landing page for LumaDisk (a disk space analyzer for Mac & Windows).
I'm testing two directions for the "cloud drives" section:
Left: Horizontal icons row
Cloud provider icons in a centered horizontal row, each in a 72px rounded card. Subtle lift + glow on hover. Paragraph copy above, "Read more" CTA below.
Right: Orbit with motion
Cloud provider icons arranged on a ring, each gently floating around its position. Purple-tinted hub at the center. Mouse parallax on hover. Animated particles scattered around the ring.
Context: This section sits between the speed benchmark and the interactive demo.
Which layout sells the feature better: Left or Right
Orbit with motion wins for me. 🔥 From a CRO perspective, the visual hierarchy of everything feeding into a central 'hub' sells the value proposition of 'all-in-one view' much faster than a row of cards. Both look great though 🙌
Even a small indicator can change how the entire interface feels
Adaptive Position
The badge placement changes depending on the icon’s shape and available space. The result feels more visually balanced but requires individual adjustments.
Fixed Position
The badge always appears in the top-right corner. This creates a consistent and predictable system, but on some icons it may feel disconnected or awkwardly placed.
What matters more in a design system: consistency or optical balance?