Asteroid Studio · Case study
The site that turns visitors into discovery calls.
Asteroid Studio is a design and engineering studio. I designed and built its marketing site end to end: the brand system, the work showcase, the services and process story, and the booking flow that turns a visitor into a discovery call.
Asteroid Studio
Design & engineering studio
- Client
- Asteroid Studio
- Timeline
- 2024 – present
- Industry
- Design & engineering studio
- Scope
- Brand & website
- 10
- Projects completed
- 5
- Years of building
- 5
- Disciplines under one roof
- 2
- In-house products
01Overview
A studio is only as convincing as its own site.
Asteroid Studio designs and builds digital products: UI/UX, web development, branding, SEO, and growth. Its own site had to prove all of that on the first scroll. I designed and built it end to end, from the brand and the work showcase to the case studies and the booking flow.
The promise was simple: the site is the studio’s first piece of work a client sees, so every section exists to move a visitor toward a real conversation.
02The challenge
A studio site has to do more than look good. It has to win trust and start the right conversation. Three problems stood in the way:
Interchangeable sites
Most studio sites blur together: a hero, a grid, a contact form. None of it proves the team can actually build.
Work with no story
Strong projects sat as thumbnails, with nowhere to explain the problem solved or the craft behind them.
Cold first contact
A bare contact form starts every conversation from zero, with no read on fit or scope.
03Brand & design
Warm, confident, unmistakably orange.
The identity is built on a single warm orange, glowing where it matters and grounded by clay and ink, all set in Plus Jakarta Sans. It reads as a studio that is both creative and exacting.
Design. Build. Grow.
Asteroid Orange
Primary
#E5660E
Ember
Glow & highlights
#FF7A00
Clay
Secondary
#7B614F
Ink
Text & dark UI
#1A1A1A
Paper
Surfaces
#FAFAFA
Typeface
Aa
Plus Jakarta Sans
Headings, interface, and body across the whole site
AaBbCcDdEe 0123456789
The voice
Innovative, user-centric digital products.
Plain, confident, founder-facing. No agency jargon.
04What I built
A site that proves the work and starts the conversation.
A brand system, not a logo
An identity that carries across every page: the orange, the type, the motion, the voice. The studio looks like the work it ships, so the site is the first proof of craft.
A showcase that earns clicks
Selected work leads, each project an openable card instead of a dead thumbnail.
Case studies with depth
Every project gets room to explain the problem, the build, and the result, like the page you're reading now.
Services and process, in plain terms
What the studio does and how it works, written for founders, not for other agencies.
A brief form with context
Visitors say what they're building and pick the services they need, so the first reply is already useful.
A discovery call, one click away
Booking is built in. A visitor goes from reading the work to a scheduled call without leaving the site.
05How it works
From first scroll to scheduled call, in one path.
Step 1 / 5
Land
No vague tagline. A visitor knows within seconds whether this is a studio that can build what they need.
The principle
A studio’s site is its loudest case study. So I built it to the same bar as the work it sells.
06The result
A home that does the studio justice.
Asteroid Studio is live with a brand that matches its work, case studies that earn the click, and a brief-and-booking flow that turns interest into a scheduled discovery call.
Before
- A brand that undersold the work
- Projects shown as thumbnails, no story
- A generic contact form as the only door in
- No single, polished home online
After
- A brand system that carries every page
- Each project earns a full case study
- A brief form and discovery call that start with context
- One home that does the studio justice
What shipped
- Brand system
- Work showcase
- Case studies
- Services & process
- Project-brief form
- Discovery-call booking
- Blog
- Careers
Want a site that works this hard?
See Asteroid Studio live, or tell me what you’re building and I’ll take it from brief to shipped.