HAALO — Framer Website for a Creative Agency (Concept) by Eye LayrHAALO — Framer Website for a Creative Agency (Concept) by Eye Layr

HAALO — Framer Website for a Creative Agency (Concept)

Portfolio project
Eye Layr
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
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
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
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
Studio page, full scroll
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
Layout detail
Section detail
Section detail
Visual system
Visual system
Imagery
Imagery

Contact

One clear next step. The contact page stays quiet on purpose, so nothing competes with the form.
Contact page
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
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.

Tags