HAALO is a concept website for a creative agency that wants to look nothing like the agencies around it. Most agency sites follow the same order: a safe hero, an icon grid of services, a logo wall at the bottom. HAALO turns that order around.
I designed and built the full site in Framer: Home, Services, Studio and Contact, on desktop and mobile.

Hero section
The challenge
Win the first five seconds. An agency is judged before anyone reads a word, so the first screen has to carry the brand on its own.
Proof before promises. Visitors trust results, not adjectives. Evidence had to come early, not at the bottom of the page.
Services that don't read like a menu. Each service needed to feel like real work, not a row of icons.
The idea
Let the name do the talking. A giant HAALO wordmark fills the hero, and everything around it stays quiet: near-black surfaces, high contrast, one confident voice.
Home
Proof comes straight after the hero, with a logo ticker and live stats. Then the services, told as visual stories, and a clear four-step process: Discover, Position, Produce, Scale. The page answers the three questions a client asks, in order: who are you, can you prove it, how do we work together.

HAALO home page
Services
Each service gets its own section with an image, a short promise and what's included. A visitor can scan the page in seconds and still leave knowing exactly what they would buy.

Services page
Studio
The studio page puts people and point of view first. Large type, generous spacing and imagery that sets the tone before the copy does.

Studio page

Studio page, full scroll
Details
The same grid, type scale and contrast run through every page, so the site holds its rhythm as content changes.

Layout detail

Section detail

Visual system

Imagery
Contact
One clear next step. The contact page stays quiet on purpose, so nothing competes with the form.

Contact page
Mobile
Designed, not shrunk. Mobile has its own layout with the same page order as desktop, and the wordmark keeps its weight at every size.

Mobile screens
Built in Framer
Built in Framer with responsive breakpoints for desktop, tablet and mobile, and scroll interactions that add pace without slowing the page down. The live site is linked on this project.
Concept note
HAALO is a concept. The agency name, clients, logos and numbers shown are fictional and were created for this design.
0 likes · 0 views · Nov 13, 2026
A concept agency site for studios that refuse to blend in. A giant-wordmark hero, proof-first stats, services told as visual stories, and a mobile layout designed, not shrunk.