Website strategy, design and development

Website examples

Different ways to tell a product story.

These are independent concepts, not client case studies. They demonstrate a range of composition, typography and visual character without invented outcomes.

Format: Brochure website
Function: Searchable digital archive

A light editorial story about turning family photographs into a coherent archive.

Format: Promo site / microsite
Function: Interactive product showcase

A cinematic presentation of a fictional object for light, sound and a quiet evening.

Format: Promo site / microsite
Function: Interactive collection explorer

A restrained object brand built around four times of day, plants and material atmosphere.

Format: Catalogue website
Function: Faceted product catalogue

An editorial catalogue with taxonomy, filters, materials and a close study of every object.

Outcome

What will be ready for launch.

We do not separate a polished screen from content, implementation and handover. Every outcome is tied to a concrete artefact and a clear verification step.

Clear structure

What we deliver: A page map, content hierarchy and prototype of the key journeys.
How we verify it: We agree the logic before full visual production.

Coherent visual language

What we deliver: Typography, grid, components and states designed around real content.
How we verify it: We test the system across screens and different content volumes.

Working website

What we deliver: A responsive build with the agreed forms, data and integrations.
How we verify it: We test key browsers, keyboard use, forms and performance.

Agreed handover

What we deliver: The completed website within the agreed scope, access to the website and connected services, and guidance for future work.
How we verify it: After publication, we check the live website, access to connected services and whether the handover guidance is clear.

Process

Five stages from brief to launch.

Together we clarify the context, agree the structure and visual direction, then build, test and hand over the website. Every stage has a clear outcome and next decision.

Context and constraints

We examine the product, audience, materials, goals and constraints with you instead of trying to infer the project from one questionnaire.
Context and constraints confirmed
Structure and prototype

We shape the page map, content order and key journeys before visual refinement.
An agreed website logic
Visual system

We develop typography, grid, components and content across real screens and states.
A coherent direction for development
Development and testing

We build the responsive site, connect the agreed integrations and test the key user journeys.
A working pre-launch version
Launch and handover

We publish the agreed version, verify it at the live address, and provide access and guidance for future work.
Launch and handover confirmed

Project scope

Website format and scope - defined before implementation.

We choose the right website format, then define only the pages, functional models, modules, integrations and cross-format services the project needs. This establishes what will be built; schedule, price, payment plan and exclusions are confirmed separately in the working terms below.

Website formats

Brochure website

A compact online presence for a specialist or small business: services, credentials and contacts.

Landing page

One focused page for one offer, audience and primary conversion.

Promo site / microsite

A focused one- or multi-page site for a product, campaign, event or launch.

Corporate website

A scalable company site with services, case studies, team, content and an editable structure.

Catalogue website

A structured product or service showcase with categories, filters and enquiry flows - without checkout.

Online store

A transactional site with catalogue, cart, checkout, payment, delivery and order integrations.

Optimisation, data & support

SEO & AI visibility

Search strategy, technical direction and trustworthy content for visibility in search and eligibility to appear in AI-generated answers.

Analytics

Measurement planning, dashboards, data-quality checks and interpretation for evidence-based decisions.

Ongoing development & support

Maintenance, fixes, content updates, integrations and iterative improvements after launch.

What a website can include

Five possible layers - from a clear foundation to growth after launch.

We select only the layers each project needs. A landing page may need a foundation, content and one key action; an online store may also need a catalogue, payments, delivery and integrations. These are not fixed packages: each stage and its cost are agreed separately.

Foundation

Included: Goals, audience, structure, design system, CMS, analytics, technical SEO and QA.
Outcome: A clear, launch-ready foundation

Content and navigation

Included: Pages, copy, media, navigation, search and catalogue data where needed.
Outcome: Information is easy to find and update

Key action

Included: Forms, enquiries, bookings or, where needed, basket, payment and delivery.
Outcome: A short path from interest to action

Integrations

Included: CRM/ERP, email, payments, delivery, stock and other external services.
Outcome: Data moves without manual copying

Growth

Included: SEO pages, analytics, experiments, content updates and support.
Outcome: The website improves based on evidence

Project frame

Agreement before work

We document the stage outcome, schedule, cost, exclusions and approval points.

Payment

Tied to clear stages

Every payment is connected to a specific scope and an outcome you can verify.

Flexible schedule

A stage payment can be divided

When the project schedule allows, we agree in advance to spread payment for a larger stage across several dates. The total price of the stage does not change: there is no interest or commission.

Third-party costs

Separate from our work

Domains, hosting, licences and other external services are not folded into our fee: we show them separately before approval.

If the project changes

We first show the effect on scope, schedule and cost. Work continues only after agreement.

Implementation modules

Optional capabilities within the website build

These are implementation modules inside an agreed website scope, not a second list of service tracks. We include only those the project needs.

We can begin with a suitable template, an existing website or a custom system. We adapt the structure, visual language and functionality to the project instead of leaving the foundation unchanged.

Each selected module appears separately in the estimate. Search strategy, analytics dashboards and ongoing post-launch work remain in the cross-format service tracks above.

Template adaptation

We select a strong foundation and adapt its structure, styles, components and content to the project.

Content and editing

We structure and edit the material and define requirements for photography or illustration.

Search & tracking implementation

We implement approved page metadata and tracking events inside the website. Search strategy, dashboards and ongoing optimisation are scoped separately.

Integrations and sales

We connect CRM, forms, payments, catalogues, delivery and other systems the project needs.

Extended QA

We add devices, user journeys, accessibility checks and the agreed tests.

Motion and 3D

We use expressive movement and depth where they improve explanation and choice.

Migration and launch

We migrate content, configure redirects and verify the published version against the agreed plan.

Handover & team guidance

We prepare access, operating notes and practical guidance for the people who will manage the website.

How this affects the estimate

Each selected module receives its own deliverables, schedule and completion criteria. This keeps implementation work distinct from strategy, dashboards and ongoing support.

Questions

What matters before we begin.

How is the website price calculated?

The price depends on the number of pages and features, whether the copy and images are ready, and any services that need to be connected - for example payments, delivery or a customer management system (CRM). Before the first paid stage, we will agree with you what we will build, the timing and price, and clearly state what is not included.

How long does it take to create a website?

Timing depends on the website's size and complexity, whether the materials are ready and how quickly you can review and approve key decisions. We first understand your project, then propose a realistic plan with stages and dates - without making unsupported promises of an urgent launch.

What do you need to provide?

You do not need website expertise or a large team. If you work independently, simply tell us about your business, customers, sales goals and the outcome you want - or just describe your idea. If you are unsure what kind of website you need, we will propose the structure and format that best support your goals and sales.

Who prepares the copy and images?

We can work with your finished materials, help structure and edit them, or estimate content creation separately. Before development begins, we will agree in writing which materials you provide and which we prepare.

What if the scope or requirements change?

We first explain how the change affects scope, timing and price. Additional work begins only after your written approval, with no surprise charges.

What will you receive after launch?

After launch, you will have the completed website within the agreed scope, access to the website and connected services, and guidance for future work. Source-code and repository transfer, support and further development are agreed separately; these options affect the project scope and price.