Your Design Will Meet Content It Was Never Drawn For
Every design looks good with the content it was made with. The headline is exactly the right length, every product has a photograph, and there is a glowing quote from a customer in the space reserved for one. Then the real content arrives — and it is longer, shorter, missing, or written by somebody who was never told there was a 40-character limit. That collision is where designs actually fail, and it happens weeks after everyone agreed the design was finished.
No credit card required · 30-minute call · No obligation to sign up
Six collisions every design eventually has
None of these is exotic. Every one of them happens on nearly every project, and every one of them is cheap to design for and expensive to discover at build.
- The headline runs longDrawn at 40 characters · delivered at 90
- The photograph never arrivesAnd the layout assumed one
- The testimonial was never writtenThe quote block is real, the quote is not
- There are three items, not nineA grid designed full, delivered a third full
- Someone pastes from WordBold, a table, and a font that is not yours
- The client edits it on a FridayAnd nothing stops them breaking the layout
The way to design for these is not to forbid them — it is to decide, at design time, what each one looks like. What does the card do with no image? What is the shortest and longest a heading is allowed to be, and what happens outside that? Which blocks can an editor use, and which are not offered because they cannot be made to look right? A design that answers those questions is a design. One that does not is a picture of a website.
The difference shows up on the second page you build
A homepage can be decorated. It is one page, it gets attention, and every piece of content on it is chosen to fit. The trouble starts on page nine, when someone needs a page that nobody designed — a policy, a long article, a list of four things where the pattern expects twelve. If the design was decoration, that page will be built by copying the nearest thing and forcing it, and everybody can tell.
Designing properly means the opposite order. Work out the handful of components the site genuinely needs, define what each does when it is full and when it is nearly empty, and then compose pages out of them. It is less impressive to present, because the deliverable is a system rather than three beautiful screens. It is also the reason the ninetieth page still looks like the site.
The same logic decides how much freedom an editor gets. Total freedom guarantees the design will be broken, usually within a month and usually by someone doing something perfectly reasonable. No freedom guarantees a developer is involved every time a sentence changes, which is worse in a different way. The answer is a deliberately small set of blocks that cannot be made to look wrong — and the small set is a design decision, not a technical one.
Accessibility belongs in this conversation and not in a separate one at the end. Contrast is chosen with the palette. Focus states are drawn with the buttons. Heading levels are decided with the layout. All three are ordinary work while the design is being made and all three become an audit with a list of defects if they are not.
- ✓Empty states are designed — What the card does with no image, no quote, three items instead of nine.
- ✓Limits are decided, not discovered — Shortest and longest a heading may be — and what happens outside that.
- ✓A small set of blocks — Deliberately fewer options, none of which can be made to look wrong.
- ✓Components before pages — The reason the ninetieth page still looks like it belongs to the site.
- ✓Contrast and focus with the palette — Chosen while designing. Not audited afterwards as defects.
A homepage can be decorated. Page nine is where you find out whether it was designed.
What the design work actually covers
Six things, and none of them is a mood board.
A Component Set, Not Screens
The handful of blocks the site genuinely needs, each defined full and nearly empty. Pages are composed from them, which is why the last page still looks like the first.
Content Limits, Agreed Early
Shortest and longest for every heading and label, decided while there is still time to change either the design or the copy. Both are cheap now and neither is later.
Empty and Broken States
No photograph, no testimonial, three items where the grid expects nine, a name twice as long as anyone planned. Drawn deliberately rather than met by accident.
Palette, Type and Contrast
Chosen together and checked together, because contrast is a property of a pair of colours, not of one. Focus states drawn with the buttons they belong to.
Small, Medium and Large
Not three fixed sizes but the points at which each component genuinely needs to change. Decided by where the design breaks, not by a list of device widths.
What an Editor Can Change
A deliberately small set of blocks with no way to make them look wrong. Fewer options is the design decision; it is what stops the site drifting after handover.
What clients say
Real clients, quoted in their own words — published with their permission.
“We’re very thankful to Ghalib and his team for building a fully-functioning website for our business.”
“It was a pleasure working with Ghalib and his team.”
“Ghalib’s clear guidance has helped improve our website’s SEO performance.”
More of them, in full, on our reviews page.
— Our Proprietary Methodology —
The Visibility Framework™, applied in Web Design
The method doesn’t change by market. What it’s pointed at does.
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.
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.
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.
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.
Website Development pricing for Web Design, in USD
Design is quoted with the build rather than sold separately, because a design handed over as a picture is where most of the cost goes missing. Where a design-only engagement makes sense — you have your own developers — it is quoted as a component set and its documentation, not as a set of screens.
Design Only
You have developers. We hand over a system.
- Component set with full and empty states
- Palette, type scale and contrast pairs
- Content limits documented per component
Design & Build
The usual one. Designed and built together.
- Everything in Design Only, then built
- Editor blocks that cannot be made to look wrong
- Accessibility decided in the design, not audited after
- Optional: bundle in SEO or Social Media
Design System
Multiple sites or products sharing one language.
- Documented system with usage rules
- Governance: who may add a component, and how
- Team walkthrough and handover
- Optional: combine all 4 services for full-funnel growth
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.
Web Design Website Development questions, answered
Related Website Development pages
Same service, different angle — by market, by discipline and by platform.
Want a design that survives real content?
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.