Social Media Marketing Agency

A self-initiated concept for an SMM panel landing page - built to feel confident rather than spammy in a category that defaults to neon gradients and stock testimonials.

Context

SMM panel sites tend to look interchangeable: dark backgrounds, generic icons, dense feature lists. I wanted to push against that template while staying inside the visual cues the audience expects. The hero pairs a soft pink-to-orange gradient panel with a login card on top, so a returning customer can sign in without scrolling. Below that, the layout shifts between dark and light sections to chunk the page into clear acts.

Problem

The core challenge was reconciling two audiences on a single page. A first-time visitor needs a slow ramp that explains what an SMM panel even does, while a returning user needs a fast path to log in and top up. A flat hero serving both would have felt noisy. I also needed the four-step onboarding to feel like a guided walkthrough rather than a checklist.

Approach

I split the hero into two zones - a marketing pitch on the left and a persistent login card on the right - so neither audience waits on the other. The “How to use our Panel” section uses dashed arrows hand-routed between four numbered cards, giving the flow a sketched, human quality against the tight grid.

The result reads more like a product launch page than a reseller dashboard.

Pricing is laid out as three contrasting cards with the middle tier raised in saturated pink to draw the default click. A peach circle motif appears in the hero, the steps section, and the page foot to bookend the scroll.

Outcome

The final composition holds together as a single concept piece: one hero, one onboarding walkthrough, one services strip, one pricing block, one FAQ accordion - all sharing a tight purple-and-peach palette. I treated it as a Figma-first exercise, then translated the key sections into a Next.js prototype. The layout decisions are documented well enough that I can lift the patterns into a future client brief.