Snapshot

Envato: Homepage Collaboration

Product Design

Context

This project was a focused collaboration for Envato’s logged-out homepage experience.

My contribution centered on designing the USP Slabs section—three visual slabs used to communicate Envato’s core value propositions to first-time visitors. These slabs highlight key product benefits at a glance, helping users quickly understand what Envato offers and why it’s valuable.

In addition to the USP Slabs, I also collaborated on the Curated Collections section that sits directly above them. While secondary in scope, this section plays an important role in setting visual tone and context before introducing the product’s unique selling points.

The work was part of a broader homepage effort, where my role focused specifically on shaping these two sections to align with Envato’s brand, visual energy, and logged-out user journey.

Challenge

The main challenge was designing a component that could live at the intersection of marketing expression and design system constraints. The USP Slabs needed to feel bold, high-contrast, and visually energetic—consistent with Envato’s logged-out homepage—while also being structured enough to evolve into a reusable system component.

As part of the Design System Guild, where I acted as a Champion, my responsibility was to ensure new components remained coherent with existing patterns while identifying opportunities to extend or improve the system. This meant designing the slabs not just for a single page, but with potential reuse across other surfaces, such as sales and campaign landing pages.

Another key challenge was interaction. The slabs were revealed progressively as users scrolled, requiring precise synchronization between scroll position, visual focus, and content hierarchy. The motion needed to feel smooth and intentional, enhancing clarity without pulling attention away from the content itself.

Finally, close collaboration with engineering was essential. Complex motion behavior, focus rules, and edge cases had to be clearly communicated through prototyping and detailed feedback to ensure the final implementation matched the intended experience.

Outcome & Impact

Clearer direction for the homepage experience:
The exploration helped clarify the role of the Envato homepage as more than a marketing surface.

The proposed structure reframed it as an entry point into creative workflows, emphasizing discovery and collaboration rather than only promotional content.

This shift helped articulate how the homepage could better support users arriving with different intents — from casual exploration to asset-driven tasks.

Shared artifact for cross-team alignment:
The high-fidelity prototypes became a useful artifact for aligning conversations across product, design, and marketing.

By translating abstract ideas about collaboration and discovery into concrete interactions, the work made it easier for stakeholders to evaluate potential directions and discuss trade-offs.

My Contribution

  • Interaction design and concept direction.

  • High-fidelity prototyping.

  • Collaboration with product stakeholders to explore homepage evolution.

Credits

Lead Product Design → Oliva Meg
Image & Visual Curation → Mel Findlay
Engineering → Alan Ramos

© 2026 Oliva Meg

Designed with Figma and Published with Framer