Home

Services

SEO Services Social Media Website Development AI Automation About Reviews Portfolio Blog Contact Free Website Audit
Website Development for SaaS

Two Codebases, One Brand, and a Border Nobody Drew

The marketing site and the product are separate things built by separate people on separate release cycles, and the pages between them — pricing, documentation, signup, login, the changelog — land on whichever side happened to move first. Eighteen months later nobody can say where a given page lives, who deploys it, or why changing a price takes an engineering ticket.

No credit card required · 30-minute call · No obligation to sign up

12+ years in digital marketing Working with SaaS businesses
✓ You Own The Code — No Lock-In ✓ Quoted & reported in USD ($) ★★★★★ Trustpilot 5.0 ★★★★★ Google 4.9
A software dashboard open on a laptop in an office
Codebases wearing one brand2
Trial-to-paid benchmarks quotedNone
The Numbers First

Six pages that belong to neither side

Each of these has a marketing reason to live on the site and a technical reason to live in the product. Whichever way it goes, it should be a decision rather than an accident of who built it first.

  • PricingMarketing owns the words · billing owns the truth
  • DocumentationWritten by engineers · found by buyers
  • SignupThe last marketing page and the first product screen
  • LoginEveryone links to it · nobody owns it
  • The changelogProof of life for buyers, chore for the team
  • StatusMust survive the thing it reports on

The last row is the one with only one correct answer. A status page that runs on the same infrastructure as the product goes down exactly when it is needed, which is a design fault rather than bad luck. Everything else on this list is a genuine trade-off; that one is not.

Straight Talk

Put each page where the person who edits it works

The most useful rule we have found is not architectural. Ask who changes a page most often, and put it where that person can change it without asking anyone. Pricing copy is edited by marketing far more often than billing logic changes, so the page belongs on the site with the numbers pulled in rather than typed. Documentation is edited by engineers as they ship, so it belongs beside the code, surfaced under the same domain. Follow that rule and most of the disputed pages sort themselves out.

What remains is the seam itself, and it has to be deliberate. One domain, one set of session rules, one navigation that does not visibly change halfway through, and a login link that works from every marketing page including the ones nobody remembers. Handled badly this shows up as the small indignities buyers notice: a signup flow with different typography, a docs site with its own search that finds nothing, a footer that appears on eleven of thirteen pages.

Then there is the demonstration problem, which is specific to selling software. The product is the argument, and the marketing site has to make it without the visitor logging in. Screenshots age badly and are usually taken with test data that undermines the point. Video is heavy and skipped. An interactive demo is the honest answer and it is real work — it needs deciding early, because it changes what the build is rather than decorating it.

Finally, keep the trial signup boring. It is the one flow where an unusual design choice costs money directly, and it is the flow most often used to showcase the new design system. The interesting version belongs somewhere else.

  • Put the page where its editor sits — Pricing with marketing, docs beside the code. Most disputes resolve themselves.
  • One domain, one session, one nav — The seam is where buyers notice small indignities first.
  • Never type a price twice — Marketing owns the words, billing owns the number. Pull it in.
  • Status must outlive the product — A status page on the product’s infrastructure fails exactly when needed.
  • Decide the demo early — Screenshots age, video gets skipped. An interactive demo changes the build.
Performance and usage charts on a monitor in a software office

Ask who edits the page most often, and put it where that person can change it without asking anyone.

.
Ghalib Ashrafi Founder & Digital Strategist · 12+ years across search, social & web

What a SaaS marketing build has to settle

Six things, and the first one is a border rather than a feature.

01

Draw the Border

Page by page, decided by who edits it most often and how fast they need to. Written down, so the answer survives the people who agreed it.

02

Pricing That Reads From Billing

Marketing owns the words and the layout, billing owns the numbers, and nobody types a price twice. The alternative is two versions of the truth and a customer holding the wrong one.

03

Docs That Buyers Can Find

Beside the code where engineers will actually maintain them, surfaced under the same domain with search that works. Documentation is a sales asset read by people who have not bought yet.

04

A Boring Signup Flow

The one place where an inventive design choice costs money directly, and the place it is most often tried. Conventional, fast, and testable end to end.

05

A Demo That Is Not a Screenshot

Interactive where the product justifies it, decided at the start because it changes the shape of the build. Screenshots age badly and usually contain test data that argues against you.

06

Status, Independently Hosted

On infrastructure that has nothing to do with the product, because a status page that goes down with the thing it reports on has failed at its only job.

OneDomain, one session, one navigation
OnceHow many times a price is typed
SeparateWhere the status page is hosted
12+Years building software marketing sites

What clients say

Real clients, quoted in their own words — published with their permission.

More of them, in full, on our reviews page.

— Our Proprietary Methodology —

The Visibility Framework™, applied in SaaS

The method doesn’t change by market. What it’s pointed at does.

Step 01

Audit & Discovery

What the current site earns, where it leaks, what your competitors do better, and what the new one must achieve. Ends in a written scope and a fixed price — not an estimate that grows.

Step 02

Structure & Design

Sitemap, wireframes and user journeys agreed before decoration, then a design system applied consistently. You approve the shape before we make it beautiful.

Step 03

Build & Test

Front end, back end, CMS and integrations, on a staging site you can see from day one. Tested on real devices, real screen readers and real slow connections.

Step 04

Launch & Improve

Redirects verified, analytics connected, handover recorded — then we look at what real visitors actually do and fix what the design assumed wrongly.

Honest, No-Nonsense Commitment

The price we quote after discovery is the price you pay — if we underestimated the work, that is our problem, not a change request. And on any rebuild, if organic traffic drops because of something we did at migration, we fix it at our cost, however long it takes.

Investment

Website Development pricing for SaaS, in USD

Quoted for the marketing site and the seam, not for the product. Where an interactive demo is part of it, that is priced separately and decided early, because it changes what is being built rather than adding to it.

Marketing Site

The site, with the border drawn properly.

$5,000 – $12,000
  • Page-by-page ownership map, written down
  • Pricing that reads from billing
  • One domain, one session, one navigation
Get a Quote

Full Front Door

Site, docs, demo and status.

$28,000+
  • Interactive demo, scoped at the start
  • Independently hosted status page
  • Changelog your team will actually keep
  • Optional: combine all 4 services for full-funnel growth
Get a Quote

Every plan is scoped around your market — get a free audit and we’ll recommend what fits, priced in USD.

What you’re actually committing to

Most agencies keep this in a contract you only see after the sales call. We would rather you knew now, because it is the question everyone asks second — right after the price.

  • A fixed price, agreed before we startQuoted after discovery, not estimated on a call. If the work takes longer than we thought, that is our risk — the price does not move unless you change the scope.
  • 50% to begin, 50% at launchNo large upfront payment held for months, and nothing owed until the site is live and you have seen it working.
  • You own everythingDomain, hosting, code repository, design files and content — all in your name from day one, and still yours if we never work together again.
  • No proprietary lock-inStandard, widely-used technology only. Any competent developer can take the site over, and nothing stops working because you stopped paying us.
  • Two rounds of revisions per stageIncluded at wireframe and design stage, where changes are cheap. Beyond that, or after sign-off, changes are quoted before any work starts.
  • 30 days of support after launchBugs and small tweaks included as standard. A care plan afterwards is optional, never automatic, and cancellable with 30 days’ notice.

These are the terms as they appear in the agreement itself — nothing here is softened for the website. The full wording lives in our terms and conditions, and you get the agreement to read before anything is signed or invoiced.

SaaS Website Development questions, answered

Should pricing live on the marketing site or in the product? +
On the site, with the numbers pulled from billing rather than typed. Marketing edits the words and the layout far more often than the billing logic changes, so the page belongs where that person can change it without an engineering ticket — but the moment a price exists in two places, one of them is wrong and a customer is holding it.
Beside the code, because that is where engineers will actually maintain it, and surfaced under your own domain with search that works, because buyers read documentation before they buy. Docs are a sales asset that happens to be written by the technical team, and treating them as internal is how they rot.
This page is about the marketing site and the seam between it and whatever you have built. Where a genuinely custom application is the question, that is a different conversation and it has its own page — the short version is that custom is a cost you pay in year three, not once.
If the product is the argument and it cannot be understood from a sentence, probably yes. Screenshots age badly and are usually taken with test data that undermines the point; video is heavy and gets skipped. It is real work rather than a feature, so it needs deciding at the start — it changes the shape of the build.
Because it has one job and that job happens during an outage. A status page running on the same infrastructure as the product is unavailable at precisely the moment anyone needs it, which is a design fault rather than bad luck. It is the only item on our list with just one correct answer.
It matters most at the seam. Buyers notice the small indignities — a signup flow with different typography, a footer that appears on eleven of thirteen pages, a docs search that finds nothing. None of them is fatal alone and together they read as a company that is not quite joined up.
Keep Exploring

Related Website Development pages

Same service, different angle — by market, by discipline and by platform.

Get A Free SaaS Site Review

Send us the site. We will tell you which pages nobody owns, where the seam shows, and whether your price exists in more than one place.

Want the border drawn on purpose?

Free 30-minute audit · No obligation · Response within 24 hours

Get in touch with Ghalib Ashrafi HQ

Ghalib Ashrafi takes on work for brands in six markets — the UK, USA, UAE, Saudi Arabia, Australia and Pakistan. Every enquiry gets a reply within 24 hours.

Phone / WhatsApp: +92 343 2653224
Email: info@ghalibashrafi.com
Hours: Mon–Sat, 10am–7pm (PKT)
Still deciding? Get a free website audit — no obligation. Get Free Audit