Designing a one-person agency to read like a six-person team.
A walkthrough of every design decision behind the site you’re reading. Why the cream background, why the dark featured pricing panel, why a paw print, and how each choice ties back to a conversion job. No filler, no jargon, just the reasoning a buyer would actually want to know before hiring me.
The brief
A solo SEO consultant that needed to sell like a small studio.
Most solo SEO sites read like a freelancer’s resume. Bland templates, stock photos, services in a bulleted list. That makes it hard to charge real money and nearly impossible to compete with agencies on enterprise leads. The site needed to do the opposite: feel intentional, opinionated, and like the kind of place a CMO would happily hand a budget to.
One person doing the work, the design, the dev, and the SEO. Budget of zero. Stack locked to WordPress and Elementor so future edits don’t require a developer. Every page has to be SEO-ready out of the gate, no retrofit. And it had to be unmistakably Campfire, not a Webflow clone with the colors changed.
Three jobs, in order. Build trust fast so visitors stop comparison shopping. Push qualified buyers toward the highest-margin offer on each service page. And keep the rest of the page light enough that wrong-fit visitors self-select out before booking a call.
The system
A small kit of pieces, used everywhere.
Every page on Campfire is built from the same dozen ingredients. That’s the point. Consistency is what makes a one-person operation feel designed instead of dashed off.
Palette
Cream instead of white. Warmer, lower friction, immediately distinct from every SaaS competitor.
Typography
Built to rank from day one.
SEO baked in from the wireframe, not bolted on at launch.
FROM $2,500 · ~2 WEEKS
a one-person operation
Grotesk for trust, Manrope for legibility, Mono for receipts, Caveat for the human touch.
Motifs
Hard offset shadow
5px or 8px solid drop. Distinctive, cheap, instantly recognizable.
Paw print trail
Section dividers with personality. Sells the campfire metaphor without being literal.
Paper texture
Subtle SVG noise behind cards. Adds tactility without slowing the page.
Dark premium panel
Radial flame glow on near-black. Used sparingly for high-value moments.
The thinking
Six decisions doing most of the work.
Anyone can pick a font and a color. The interesting question is what each choice has to earn. Here’s the rationale behind the six decisions that move the needle most.
Cream, not white.
Almost every SaaS and agency site uses a near-white background. It’s the safe choice and the forgettable one. Cream (#ede5d5) costs nothing to implement and immediately tells the visitor they’re not on another generic template. It also makes the flame orange feel warmer and the ink black feel less corporate.
Job done Three seconds of “this place is different” before the visitor reads a single word.
Same layout. The one on the left feels considered. The one on the right feels generic.
A hard offset shadow that doubles as a signature.
Every card on the site has the same 5px or 8px solid ink drop shadow. No soft blur, no gradient. It reads as a deliberate design choice, not a Bootstrap default. Anyone scrolling can tell after two cards that this site has a point of view. It also photographs well, which matters for case studies and social shares later.
Job done Visual signature that’s easy to remember and impossible to confuse with a template.
Two shadow weights. 5px for grids, 8px for hero and pricing moments.
A dark middle tier that does the selling for me.
Every service page has three pricing tiers. The middle one sits on a near-black panel with a soft radial flame glow behind it. Visually it dominates, so 80% of visitors compare the other two tiers against it instead of against each other. That’s the tier with the best margin and the cleanest scope, and it converts at roughly twice the rate of the outer tiers in early reads.
Job done Anchors price comparison around the offer I most want sold.
Eye lands on the middle panel first. Outer tiers become reference points.
Familjen Grotesk for display, Manrope for body.
Familjen Grotesk is a grotesque sans with just enough warmth in its terminals to feel friendly. It reads premium without leaning into the Inter-everywhere SaaS look. Paired with Manrope at 16 to 18px for body, the reading experience is calm and confident. JetBrains Mono handles labels and prices so dollar amounts feel like receipts, not marketing.
Job done Looks expensive and reads easy, without trend-chasing a typeface that’ll feel dated in twelve months.
Designed to rank.
Familjen Grotesk for display, Manrope for body, JetBrains Mono for the numbers.
FROM $2,500
Three weights, three jobs. No fourth typeface needed.
Show the artifact, not the bullet point.
Most service pages describe the process with a four-step list. Mine includes a small visual of the actual deliverable at each phase, a wireframe, a copy doc, a design preview, a Lighthouse report. The list is the same. The difference is that visitors can picture what they’re paying for. Reduces “what do I actually get?” objections on the call by a wide margin.
Job done Turns an abstract phase list into a tangible series of artifacts.
Each phase ships a real artifact. The visitor sees it before they ask.
Paw prints between sections instead of a divider rule.
Most sites separate sections with a thin grey rule or a wedge SVG. Campfire uses a row of five paw prints, sized like a small editorial flourish. It costs nothing, signals personality, and reinforces the brand without ever saying “campfire” out loud. The kind of detail that buyers remember when they’re describing the site to a colleague three days later.
Job done Memorable visual punctuation that breaks the rhythm without breaking the brand.
vs.
A grey rule on top, paw prints on the bottom. Same job, very different impression.
The funnel
Every page has one job. Every section has one job.
Pretty pages that don’t convert are a worse outcome than ugly pages that do. Here’s how the structure earns its budget.
-
A
Homepage: trust in three scrolls.
Hero with one promise. A featured service card (Web Design, the newest offer) sized to dominate. Four supporting service cards in a clean grid. A short proof strip with numbers. No carousels, no popups, no testimonial wall. The visitor learns what I do, what I’m pushing this quarter, and how to start, all without scrolling past the fold twice.
-
B
Service page: rank, prove, price.
Every service page follows the same shape. Hero promise, then proof (numbers or short case study), then a clear “what you get” block, then a process timeline, then the three-tier pricing, then FAQ, then a fit qualifier, then a final CTA. The repeat structure means a returning visitor on a different service page doesn’t have to relearn the page. Predictability is a conversion asset.
-
C
Pricing: anchor on the middle.
The lowest tier exists to make the middle tier look reasonable. The custom tier exists to catch high-budget buyers and to remove scope-creep pressure from the middle tier. The middle tier is the one I want sold, so it gets the dark panel, the badge, the flame CTA, and the most concrete feature list. Classic decoy effect, applied without being clever about it.
-
D
Fit qualifier: filter before the call.
On every service page, before the final CTA, there’s a short “Who this is for” block and a “Who this isn’t for” block. Wrong-fit visitors self-select out before booking time. Right-fit visitors see themselves on the page and convert at a higher rate. Both outcomes save me hours per week.
The honest part
What I’d revisit next.
A case study without self-critique is just an ad. Here’s what I’m watching, and what gets tested next.
Hero density
The hero card might be doing too much.
The hero on the Web Design page packs a headline, lead, two CTAs, and a browser mock with a note. It reads great on desktop. On a 380px phone it starts to feel busy. Next iteration: collapse the mock into a smaller signal, lift the CTA earlier, and see if scroll depth improves.
Proof strength
Numbers without context aren’t enough.
The stat ribbon shows real numbers, but a one-line context for each would convert harder. “10+ pages shipped” lands very differently than “10+ pages shipped, average Lighthouse 96, 0 rebuilds requested.” Adding context is on the list.
Case study supply
This page should be one of three.
One case study (this one) is a start. Two more, ideally for outside clients, push the page from “I designed my own site” to “I designed three sites and here’s the reasoning behind all of them.” That’s the next deliverable.
If the reasoning behind this page resonates, it’s the same reasoning I bring to yours.
Page redesigns from $1,500. New landing pages from $2,500. Custom scope when the brief needs it. Every project ships with the same attention to detail you just read about.