Services
A website drawn as a place you can walk through
Illustrated website design is a site built as one drawn scenery instead of a stack of rectangles: the reader moves sideways through a place made of hand-drawn planes, generated in code at build time. It costs from USD 12,000, typically to 30,000, takes longer than a conventional build, and gives up measurable ground on speed, access and search in exchange for being unmistakable.
- What it is
- A site drawn as one continuous place, built in code and generated at build time
- Who it is for
- Museums, foundations, hotels, authors, architects and heritage brands
- Where it starts
- USD 12,000, typically to 30,000
- Turnaround
- A written reply usually inside a day; the dates are named in the quote
What it is
An illustrated world is a website built as one drawn place rather than a stack of rectangles: a scenery of hand-drawn planes the reader moves through sideways, with the pages of the site standing in it as rooms, shelves and doorways.
The mechanism is ordinary and the discipline is not. The scenery is vector artwork, cut into planes that sit at different depths, and scrolling moves those planes at different rates, which is what makes the place feel deep. There is no video, no scroll library and no animation framework: the world is generated at build time, so a visitor downloads a static page and the browser does the rest.
That is why one person can build it at this price. Nothing renders on a server, nothing waits on a script before it appears, and the same drawing serves every visitor.
Who it is for
This rung suits an organisation whose subject is already a place or a story: museums and galleries, foundations and trusts, hotels and wineries, authors and musicians, architects and developers, heritage brands with an archive worth walking through. It suits a business whose competitors all bought the same template, where looking unlike them is the point of the spend.
The buyer is usually the person who will defend the decision internally: a director, a founder, a head of communications. That person needs the limits in writing before they present it, which is why the section below names them.
What it costs
One rung, and the care plan that usually follows it. What moves the number is the amount of drawing: how many sceneries, how many set pieces in each, how many rooms, and whether a brand already supplies the palette or the palette has to be made.
| Rung | Price | What it includes |
|---|---|---|
| Illustrated world | from USD 12,000, typically to 30,000 (about AED 44,000 to 110,000) | Original illustration throughout, a side-scrolling or set-piece scenery built in code, custom CMS bays for the words and pictures, a performance budget agreed before the drawing starts, and an accessibility pass to WCAG 2.1 AA. |
| Care plan | USD 150 a month (about AED 550) | Hosting management, nightly backups, updates, an uptime monitor, and two hours of changes. Optional, and it can start any time after launch rather than at it. |
USD is the anchor on every page, quote and invoice. The figure in parentheses is the same price in dirhams at the pegged rate of 3.6725 to the dollar, given as one local equivalent rather than a currency list, and correct as of 5 September 2026. Prices exclude any VAT, sales tax or withholding your own country applies to imported services.
There is no honest market benchmark for this rung, and the research note that sets the ladder says so. Studios building art-directed sites quote them privately, so the only comparison available is a conventional build plus a design surcharge, which is roughly where this number sits.
What it gives up
Four things, all measured on this site with scripts kept in the same repository, and printed here rather than buried. A buyer who finds them after launch has been sold something.
- Speed. A drawn place is more artwork than a page of text, and the browser paints every curve on every plane. A plain five-page site will always start faster. The counter is a performance budget agreed before the drawing begins, with the drawing cut to meet it rather than the budget raised to fit it.
- Access. A horizontal scene has no natural reading order, so the keyboard path, the focus order and the screen-reader experience are built deliberately rather than inherited. The pass to WCAG 2.1 AA sits inside the price for that reason, and it is work rather than a checkbox.
- Reduced motion. A reader whose system asks for less motion gets the world standing still. That is the right answer and also an admission: two readers see different sites, and the writing has to work for the quieter one.
- Search. Drawing does not rank. Text ranks, which is why this rung ships with a written site behind the world.
The last one applies to this page. The seed "illustrated website" produces 89 distinct completions across the 22 markets the studio sells into, only 53 of them in 15 markets or more, which makes it the shallowest tree in the content inventory. This is not a product sold through search, and the page is written to be a destination rather than an entrance.
Changing it afterwards
The words and pictures live in CMS bays: named slots in the scenery that a panel edits. You write in the panel, save, and the site rebuilds and publishes itself, with no studio and no understanding of how the world is put together required.
What the panel does not move is the drawing. A new creature, building, room or plane is drawing work, quoted at the rate of the original build. That boundary is the difference between a site you can run and one that quietly needs its designer back every month.
How it runs
- You write the brief in a sentence. The card below takes it: the place you have in mind, and roughly when you want to be standing in it.
- I reply in writing, usually inside a day, with what I think the world is, how many sceneries it needs, and what would move the number either way.
- One call, thirty minutes, then a written quote with the scope and the exclusions named, and the performance and accessibility budgets agreed before a line is drawn.
- Drawing, in the open. You see the planes as they are made rather than at a reveal, because a reveal is where a drawn project goes wrong quietly.
- Building, then measuring. The scenery goes into code, and the scripts that measure this site measure yours against the budget you agreed. A world that misses it is cut, not shipped.
- Handover. The panel, the source files, the assignment of rights, Search Console, the passwords, and a written account of how it is put together.
What it has proved
Nothing, for a client, yet. Nobody has bought an illustrated world from this studio, so there is no Search Console export to show you and no client launch to point at. Lending this rung the numbers another rung earned would be the first dishonest thing on the page.
What stands in its place is this site. Nine sceneries were built for it, four are live, and one camera drives all of them, generated at build time exactly as a client world would be. The five that were retired are recorded as retired rather than quietly deleted, and the repository holds the drawings, the measurement scripts and the record of what was lost.
There are no testimonials on this site and no star rating in its markup, because it has neither. For this rung there is no client proof either, and the paragraphs above are the honest version of that.
Who it is not for
If the site's job is to be found, this is the wrong rung, and the money is better spent on the Five rooms build at from USD 4,800 with search work on top. A drawn world earns attention from people who have already arrived; it does not go and get them.
It is also wrong for anyone who needs the design signed off in a single meeting, or who wants a template dressed up rather than a place drawn from nothing. Part of the job here is saying when a subject does not deserve it.
Questions people ask before they write
Does an art-directed site rank?
Not because it is art-directed. Text is what ranks, and a scenery carrying little text earns little, which is why this rung ships with a written site behind the world rather than instead of it. The four things a drawn site gives up are named above, each measured on this site with scripts kept in the same repository.
How long does it take?
Longer than a five-page site, and no two are alike, so there is no band on this page to be wrong about. The drawing is the long part: every plane is made once and by hand, and a set piece that reads in a second can take a week. The quote names the start and delivery dates in writing.
What happens when I want to change it?
You open the panel and change it. The words, the pictures and the ordering live in CMS bays, and a save rebuilds the site and publishes it. What the panel does not move is the drawing: a new creature, building or plane is drawing work, and it is quoted as drawing work.
What does a reader with reduced motion see?
The world, standing still. When the operating system asks for less motion the scenery renders in its final state and nothing animates, which is a quieter site rather than a broken one. It does mean two readers see different sites, so the writing has to carry the page on its own.
Who owns the drawings?
You do, on final payment, and the assignment is written into the contract rather than implied by the invoice. It covers the illustration, the type choices and the built site. The studio keeps the right to show the work and submit it for awards, and that clause is struck out where a project has to stay confidential.
Why is there no client example?
Because nobody has bought one yet, and saying otherwise would be the first untrue thing on this page. The sample is this site, drawn and built the way yours would be. When a client world ships it will appear in the portfolio with the same exports every other project gets.
Sources
- The build record for this site: nine sceneries built, four live, one camera, five retired and named as retired. ShepherdUX research note 07, section 1.1. There is no client Search Console export for this rung, because no client has commissioned one.
- Autosuggest depth for the "illustrated website" family, 22 markets, both engines. ShepherdUX research note 16, finding 6.
- Pricing ladder and the absence of a direct market benchmark for this rung, ShepherdUX research note 18, section 6.2, September 2026.
- United Arab Emirates dirham pegged at 3.6725 to the United States dollar, Central Bank of the UAE, rate as of 5 September 2026.