Skip to main content

Websites and browser applications

Website Development Where Content Comes Before Colours

Many website projects begin with a mood board. We begin with the handful of things a visitor must be able to do, and the data that has to sit behind them. The look follows from that, and it is tested on ordinary phones rather than on the designer's screen.

Common assumptions

A Redesign Rarely Fixes What Is Actually Wrong

Several beliefs shape website budgets more than they should. Each one below sits beside what we usually find when we look closer.

Assumed

A fresh design will bring in more enquiries.

Actually

Enquiries usually stall on unclear wording, a form nobody answers, or a page that takes too long on mobile data. A new colour scheme fixes none of those. We look at the path to the contact button first.

Assumed

More pages mean more visitors.

Actually

Thin pages written to fill a menu tend to dilute the ones that matter. We would rather build fewer pages that each answer something a customer genuinely wants to know.

Assumed

It loads quickly in the office, so it is fast.

Actually

Office broadband and a new laptop hide almost everything. We test on a modest phone over a throttled connection, because that is closer to how many customers arrive.

Assumed

We can bolt on a login area later.

Actually

Accounts, roles and private data change how a site is structured underneath. If a portal is likely within the year, we plan the data for it now even if the screens wait.

Kinds of build

Web Work Falls Into a Few Recognisable Shapes

Most requests are one of these, or a combination. Naming the shape early tells both sides roughly what is involved.

  • A company site that answers first questions

    What you do, where, for whom, and how to reach you, written so a stranger can quickly decide whether to get in touch. Editable by your own staff without a developer.

  • Enquiry and booking flows

    Forms that check input on the server, land somewhere a person actually reads, and confirm to the visitor what happens next. A form that silently drops messages is worse than none.

  • Appointments and slots

    Availability, reminders and cancellations handled in one place, so the calendar on the site and the calendar at the desk cannot disagree.

  • Catalogues and online ordering

    Products, prices, stock and checkout, with payment and delivery handled by the providers you choose. Prices and tax rules are held once and read everywhere.

  • Browser tools for staff

    Internal screens for the people who process orders, approve requests or update records. Where this grows into a full system, it becomes custom software and is scoped as such.

  • Portals for customers or partners

    Signed-in areas where outside users see their own orders, documents or requests, and nothing belonging to anyone else.

Baseline

Every Site Ships With These, Asked For or Not

These are not upgrades to negotiate. They are the minimum, and a site without them is unfinished.

Part of every build

  • Layouts checked from narrow phones up to wide monitors
  • Server-side validation on every form
  • HTTPS and sensible security headers
  • Page titles, descriptions and a sitemap for search engines
  • Keyboard access and readable contrast
  • A Git repository you own from the start
  • Written notes on hosting and how to deploy

A separate conversation

  • Writing your marketing copy from nothing, unless agreed
  • Photography and illustration
  • Paid advertising, which is a separate service with its own terms
  • Promises about search rankings, which nobody can honestly make

Under the hood

How Often Content Changes Decides How a Page Is Built

One rule set, applied page by page. It keeps hosting bills small and keeps the parts that must be dynamic properly engineered.

  1. 01

    Content that changes rarely becomes static pages

    Generated ahead of time and served from the edge. Cheapest to host and very hard to break.

  2. 02

    Content that changes daily is rendered on request or rebuilt on publish

    Prices, stock and listings stay current without turning the whole site into an application.

  3. 03

    Anything behind a login is built as an application

    Sessions, roles and per-user data need a server and a database, so we design those properly rather than squeezing them into a brochure site.

  4. 04

    Every page is judged on its own

    A single site often mixes all of the above, and choosing per page keeps it fast where it can be.

In the browser

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • HTML5
  • CSS3

On the server

  • Node.js
  • PHP
  • Laravel
  • REST APIs
  • PostgreSQL
  • MySQL

Hosting

  • AWS
  • Google Cloud
  • Firebase
  • Git

Delivery

Pages Are Agreed in Words Before They Are Drawn

Visitor tasks and content are settled first, so the design has something real to arrange. You can open and judge each step's output yourself.

  1. 01

    Requirement in Writing

    We watch the work being done and write down what the software must handle. You correct that document until it matches reality.

  2. 02

    Estimate With Its Limits

    The estimate is drawn from the agreed document and states what it leaves out, so a later change can be priced on its own.

  3. 03

    Small Working Releases

    Features arrive in pieces you can use and check, rather than all at once near the deadline.

  4. 04

    Tested on Ordinary Conditions

    Each release is tried on modest phones, slow connections and the awkward inputs real users type.

  5. 05

    Handover, Then Upkeep

    You receive the code, the accounts and the notes. Ongoing care continues only if you choose it.

Start here

List What Visitors Must Get Done

Skip the reference sites and colour preferences for now. Tell us the few things a visitor should be able to do, and what the site has to connect to behind the scenes. We will come back with a page plan and our questions.