An agency site built to turn attention into growth
Social Media · Creative Agency · Web

An agency site built to turn attention into growth

Offscript
Role
Product Design (UX/UI)
Platform
Web
Category
Social Media · Creative Agency
Year
2026

Overview

01

Offscript is a design concept for a social-media management agency. The landing page opens on a bold black hero — “Social media reimagined” in oversized display type, punctuated with platform glyphs and a stack of creator avatars reading “Trusted by 500+ creators”, with paired calls to action: “Let's work together” and “Explore our work”.

Below the fold the page mixes proof, service and process: a stats row, a services narrative (“We help brands show up, stand out, and stay consistent”), and a four-step engagement flow. Bright colour blocks and a friendly geometric typeface keep the brand approachable rather than corporate.

Offscript is a self-initiated design concept rather than a live client engagement. All copy, statistics, and figures shown are illustrative.

Strategic social media management, scroll-stopping content, and creative campaigns that turn attention into growth.

Problem & Solution

02

Problem

Everyone promises reach

Agencies all promise attention, but brands need proof they will show up consistently. Reach is easy to claim and hard to demonstrate.

Solution

Proof and process, made tangible

Offscript builds the page around evidence: creator-trusted stats, a services narrative and a four-step engagement flow that turns an abstract retainer into a visible plan — bold display type and bright colour keeping the brand approachable rather than corporate.

Key decision

Make the retainer visible

Instead of leading with a portfolio, the page turns an abstract monthly service into a four-step plan and backs it with creator and delivery stats. That gives prospects something concrete to evaluate, at the cost of showing less finished work up front.

Proof & services

03

Numbers do the persuading: videos delivered, creators who trusted the studio, and average turnover — each on its own card with a playful graphic flourish. The services section follows, laying out the offer with an illustrative campaign card (Reels, TikTok, Shorts) next to the positioning statement.

Stats cards — videos delivered, creators, turnover
Stats cards — videos delivered, creators, turnover

How the page guides an enquiry

04

The page is structured as a decision path rather than a portfolio: a bold promise, paired calls to action, then proof, services, and a visible engagement process before the final contact ask. A prospect can either commit early (“Let's work together”) or explore the work first (“Explore our work”), and both paths return to the same contact action.

  1. Promise — Oversized hero statement and creator proof
  2. Choose a path — Let's work together, or explore the work
  3. Understand the offer — Services named by outcome, not jargon
  4. See the plan — Four-step engagement flow makes the retainer tangible
  5. Enquire — Contact CTA repeated after proof and process

Offer

Services named by outcome

Each service says what the client gets — content, campaigns, consistency — rather than listing deliverables in agency language.

Proof

Evidence before the ask

Stats and creator trust sit above services so the enquiry is backed by proof. In a live build these would be replaced with verified delivery numbers or named case studies.

Process

The retainer made visible

The four-step flow turns an abstract monthly service into a sequence a prospect can evaluate and budget for.

Key decision

Lead with proof, then explain the plan

Putting stats and creator trust before the service list makes the offer feel evidenced, but it delays the detail a prospect needs to judge fit. I accepted that trade-off because a social agency's biggest objection is “will you actually deliver?” — proof answers it before the services do.

What I would test: whether a visitor can explain what Offscript does and who it is for after one scroll, which CTA they choose first, whether the four-step process makes the retainer feel concrete, and where they would expect pricing. No usability findings are claimed here.

Process

05

A four-step engagement flow makes an abstract service tangible — from “Tell us about your brand” and “We build the plan”, through “Review & refine”, to “Publish & evaluate”. Each step pairs a short explanation with lifestyle photography so prospects can see themselves in the process.

Four-step process cards
Four-step process cards

Interactive prototype

06

Walk the full landing page hands-on in Figma, from the hero through services and process.

Outcomes, figures, and quotes on this page are illustrative or were provided by the client and have not been independently verified.

Have a similar project in mind?

Start a project