Tell us about your business
Within 15 minutes we reply on fit, cost and timing.
We check against the scope map item by item.
Strategitect Limited · How we work
How we work,
all written here.
How quotes are calculated.
The reason behind every design decision.
Checked item by item.
Before work starts, we agree the scope.
Every plan has a scope map.
When quoting, we go through each number with you: what is included, what is not.
What you sign is a clearly written scope.
Design direction
Set for your industry and brand tone, not taken from an off-the-shelf template.
Written up on one page before work starts as a style direction sheet, and built only after you approve it.
Set for your industry and brand tone, not taken from an off-the-shelf template.
Written up on one page before work starts as a style direction sheet, and built only after you approve it.
Page structure
Home, Services, Contact (Starter 3 pages).
Home, Services, Contact (Starter 3 pages).
Copy editing
You supply the content; we organise, lay out and polish it.
You supply the content; we organise, lay out and polish it.
Enquiry flow ×1
An enquiry form or a WhatsApp button, one of the two.
An enquiry form or a WhatsApp button, one of the two.
Footer: contact details.
Mobile-first design and basic SEO apply site-wide, not to a single area.
Mobile-first design and basic SEO apply site-wide, not to a single area.
The design direction, written on one page first.
First the purpose and the audience, then what the site must never become, and only then colours and type.
Work starts only after you approve this page.
Style direction sheet · excerpt (demo site: Everwell Physiotherapy Centre)Every sheet covers all eight items
- Purpose
- Visitors on a phone know from the first screen what is treated, where, and how to book.
- Audience and context
- People with neck, shoulder or back pain, searching on their phone for treatment nearby; they decide in seconds whether to stay.
- Must never become
- ✕ A “Welcome to our website” self-introduction.
✕ Five buttons of equal size.
✕ Pushing bookings with exaggerated claims about results. - Mood
- Professional, clear, reassuring.
- Push or pull
- Pull. Build reassurance first; keep only one main action: book on WhatsApp.
- Colour roles
- Primary blue: only for the booking button and key lines.
Secondary warm grey: section backgrounds and secondary text.
Accent green: only for “available” and booking confirmation, always with a text label. - Type
- One Chinese sans-serif family; hierarchy through weight and size.
- Basis
- Context of use, business goal.
Every style direction sheet covers these eight items, so you can see where each design choice comes from.
This is a demonstration sample.
This is a demonstration sample.
Five steps, from first conversation to handover.
Each step has a clear finish line.
You always know where things stand.
One-page quote
A one-page scope sheet sets out what is included, what is not, and the fee.
No hidden charges, no item-by-item haggling.
Materials in, deposit, work begins
Send text, photos and logo in one go; we give you a checklist to help.
Work begins after a 50% deposit.
Build, revisions and checks
Revision rounds follow your plan: collect all your comments, and we revise in one pass.
Passes the same 24 checks before delivery.
Handover: it is all yours
Source code, domain and accounts are all in your name. We confirm the domain registrant is your company and give you a handover checklist.
Functional bugs are fixed free within 14 days of launch.
No mandatory monthly fee, no lock-in contract.
Want to know what each plan includes and what it costs?
See plans and fees →
24 delivery checks in five areas.
The same standard as the website health check.
Every piece of our own work passes it first.
01
Goal and positioning
Can visitors tell at a glance what the page wants them to do?
02
Understanding and use
Are the flow, buttons, feedback and error handling clear?
03
Content and visuals
Hierarchy, readability, contrast and mobile display.
04
Trust and conversion
Clear pricing, reassurance on risk, and a next step.
05
Maintenance and growth
Links, error pages, speed and ease of future updates.
Want to see how the checks are applied?
Before and after: seven changes, each with its reason →中文
Every judgement comes with its reason.
Using our own demo site as the example.
All demo content is original.
Health check report · excerpt (demo site self-check)The full report lists all 24 items
Check #4 · First-screen five-second testFail ✕
Check #17 · Clear price and next stepFail ✕
Check #12 · Colour has a non-colour backupFail ✕
1The first screen does not say what this is
Problem: the first-screen heading reads “Welcome to our centre's website”. Visitors cannot tell at a glance what this is, where it is, or what to do next.
Cause: if the first five seconds do not answer “what is this”, visitors leave.
Fix: rewrite the heading as one sentence stating the service, the location and the next step.
Basis: context of use. Most visitors arrive from a phone search and decide in seconds whether to stay, so the first screen has to stand on its own.
Problem: the first-screen heading reads “Welcome to our centre's website”. Visitors cannot tell at a glance what this is, where it is, or what to do next.
Cause: if the first five seconds do not answer “what is this”, visitors leave.
Fix: rewrite the heading as one sentence stating the service, the location and the next step.
Basis: context of use. Most visitors arrive from a phone search and decide in seconds whether to stay, so the first screen has to stand on its own.
2Fees shown as “Enquire for details”
Problem: every service card lists its fee as “Enquire for details”, so visitors must spend effort contacting you before they know the budget.
Cause: hidden prices drive away exactly the visitors who are comparing seriously.
Fix: switch to clearly priced fee cards listing the first assessment, follow-ups and treatment prices.
Basis: business goal. This site exists to get bookings, not to collect enquiries; unclear pricing puts a barrier in front of the most motivated visitors.
Problem: every service card lists its fee as “Enquire for details”, so visitors must spend effort contacting you before they know the budget.
Cause: hidden prices drive away exactly the visitors who are comparing seriously.
Fix: switch to clearly priced fee cards listing the first assessment, follow-ups and treatment prices.
Basis: business goal. This site exists to get bookings, not to collect enquiries; unclear pricing puts a barrier in front of the most motivated visitors.
3Time slots shown by colour alone
Problem: today's slots appear only as red and green dots, which people with colour vision deficiency cannot tell apart.
Cause: colour cannot be the only cue.
Fix: add the text labels “Available / Full” alongside the colour.
Basis: system convention. Accessibility principles require information to be perceivable without relying on a single sense.
Problem: today's slots appear only as red and green dots, which people with colour vision deficiency cannot tell apart.
Cause: colour cannot be the only cue.
Fix: add the text labels “Available / Full” alongside the colour.
Basis: system convention. Accessibility principles require information to be perceivable without relying on a single sense.
Every fix in the report states its basis: business goal, context of use, users' existing habits, system convention or brand consistency.
Not “we think it looks better this way”.
This excerpt comes from our before-and-after demo中文; the content is a demonstration sample.
Not “we think it looks better this way”.
This excerpt comes from our before-and-after demo中文; the content is a demonstration sample.
We tell it straight.
First, what we do not do,
so you can decide whether to hire us.
- No promises on search rankings. Anyone who guarantees you a ranking deserves suspicion.
- We do not write copy from scratch for you. You supply the content; we organise, lay out and polish it.
- No logo or brand identity design.
- We do not build online shops, membership or booking back-office systems ourselves. Setting up an existing system can be discussed.
- No mandatory monthly maintenance contract. Functional bugs are fixed free within 14 days of launch; later changes are charged at clear rates. Managed care is an optional annual service, explained at handover, with no lock-in.
When you do not need us:
If all you need is a simple one-page listing, free tools let you do that yourself.
We are useful when the job needs design judgement, a consistent brand tone, and a site you will not have to manage yourself after launch.
Start
Not sure where to start?
Website health check, HKD 680: 24 checks, and within 48 hours we tell you where the problems are.
Commission a build within 30 days and the full fee is credited.