EdgeFlo

The Challenge

Three product lines under one roof: Asio Vibe (AI marketing engine), Asio Mastery (education/community), and Asio Bank (credit/rewards tied to ad spend). The site needed to make this ecosystem feel simple enough for a non-technical business owner to understand in under 60 seconds, while serving seven distinct audience segments.

What I Did

Information: Designed a 4-page site structure plus 20 templatized pages to scale content across verticals without fragmenting the core experience. Each main page earns the next click: tool, then community, then education, then financial reward.

Visual Direction: Light glassmorphism UI. Four-quadrant bento layout for Asio Vibe shows ads, analytics, CRM, and wallet side by side. Gradient intensity increases in community and banking sections where emotional weight rises.

Multi-Product Hierarchy: Vibe leads (daily tool). Mastery accelerates (education). Bank retains (rewards). Page order and visual weight reflect this.

Key Decisions

Tool first, education second. Hero focuses on what Vibe does. Mastery appears only after the product has made its case. Avoids the guru-course pattern.

Self-selection over segmentation. Seven audience cards let visitors identify themselves. The 20 templatized pages give each vertical its own landing experience without requiring unique builds for every segment.

Proof anchored to platform activity. Screenshots show real dashboard metrics (18 leads, 33 meetings, 12% CR), not testimonial claims.

Deliverables

• 4-page site structure with full copy

• 20 templatized vertical pages

• Asio Vibe product showcase layout

• Audience segmentation cards (7 categories)

• Asio Mastery curriculum section

• Asio Bank rewards structure (4 tiers)

• FAQ framework and footer architecture

Reflection

The hardest part of marketing a multi-product ecosystem is resisting the urge to explain everything at once. The site needed to feel like a single product with layers, not three products sharing a domain.