Skip to content
Laptop displaying a minimal dark website beside design books and a vase

Design and build in the same pair of hands, so nothing gets lost between the mockup and the browser.

Web

Web Design & Development

Marketing sites, portfolios and online stores: designed, built and handed over ready to run.

Timeline
2 – 12 weeks depending on page count
Investment
From R9 500
Overview
Timeline
2 – 12 weeks depending on page count
Investment
From R9 500
Good fit for
  • Small businesses whose site is costing them enquiries
  • Founders who need a marketing site a developer will not need to rescue
  • Retailers moving from a marketplace to their own store

Design and build in the same pair of hands, so nothing gets lost between the mockup and the browser.

I design in the browser as much as in the canvas. That means the thing you approve is the thing that ships: no reinterpretation, no mystery gap between the beautiful prototype and the live site that feels a little heavier than it should.

Every build is responsive from 320px up, keyboard navigable, tested against screen readers, and measured on real hardware and real South African networks rather than a fast laptop on fibre. Performance is a design decision: image weight, font loading and JavaScript budgets get agreed in the same conversation as the layout.

Where a project needs a CMS, I set one up your team can actually use, with content models that match how you think about your business rather than how the database prefers to store it. Stack is usually Next.js and Tailwind, with Sanity or Payload behind it, or Shopify where selling is the whole point.

Deliverables

Exactly what lands in your hands

Everything below is included as standard. Anything outside it gets quoted separately before we start, never after.

  • 01Sitemap, content model and wireframes
  • 02Full page designs across mobile, tablet and desktop
  • 03Interactive prototype for sign-off
  • 04Production build in Next.js and Tailwind (or Shopify)
  • 05CMS setup and editor training
  • 06Accessibility pass to WCAG 2.2 AA
  • 07Analytics, SEO metadata and sitemap configuration
  • 08Deployment, domain and DNS setup, plus a 30-day snag window
Process

Five phases, in this order, every time

You will always know which phase we are in and what is needed from you to close it.

  1. 01

    Scope

    We map every page and every state before a single pixel gets drawn. Surprises are expensive later.

  2. 02

    Structure

    Wireframes and content model. This is where most of the real thinking happens.

  3. 03

    Design

    Two rounds of visual design on key templates, then the rest of the system built out from the approved language.

  4. 04

    Build

    Front-end development with weekly staging links so you watch it come together rather than wait for a reveal.

  5. 05

    Launch

    Pre-flight checklist, deploy, training session, and a month of me on hand for the small things.

Related work

Web Design & Development in practice

All projects
Questions

About this service specifically

General questions about fees, ownership and revisions are answered on the FAQ page.

Do you take on maintenance and hosting?

Yes. Care plans start at R450 a month and cover hosting, backups, updates and a block of change hours. Full comparison on the hosting pricing page.

Can you work with our existing developers?

Happily. I hand over annotated files, a token set and a component inventory, and stay available through the build.

Warm studio corner with a tree, pendant lighting and a working desk
Dark minimalist desk with a monitor showing code and a desk lamp
WebTaking projects from September

Thinking about web design & development? Let's work out whether it's the right spend.

Typical engagements run 2 – 12 weeks depending on page count and start at R9 500. Send a brief and you'll have an honest answer within two working days.

Studios

Johannesburg studio14 Keyes Avenue, Rosebank, Johannesburg, 2196, South Africa
Cape Town, by appointmentBuitengracht Street, De Waterkant, Cape Town, 8001, South Africa

Journal subscription

One considered note a month. No campaigns, no selling your address on.

Bonolo Mathabela · Designer & Developer · bonolomathabela.com