
Design and build in the same pair of hands, so nothing gets lost between the mockup and the browser.
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
- 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.
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
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.
- 01
Scope
We map every page and every state before a single pixel gets drawn. Surprises are expensive later.
- 02
Structure
Wireframes and content model. This is where most of the real thinking happens.
- 03
Design
Two rounds of visual design on key templates, then the rest of the system built out from the approved language.
- 04
Build
Front-end development with weekly staging links so you watch it come together rather than wait for a reveal.
- 05
Launch
Pre-flight checklist, deploy, training session, and a month of me on hand for the small things.
Web Design & Development in practice
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.
Other ways to work together
- App DevelopmentWeb apps, progressive web apps and cross-platform mobile builds, from MVP through to a product you can staff.
- UI/UX DesignResearch, flows, interface design and design systems for teams who need the product to make sense before it gets built.
- Brand & Graphic DesignLogos, identity systems, decks, social templates and print: the visual layer that keeps everything looking like one company.
- Hosting, Care & SupportManaged hosting, backups, updates, monitoring and a monthly block of change hours, on four plans you can compare side by side.
- Digital Consulting & WorkshopsTechnical and design reviews, roadmap support and team workshops for organisations building digital capability in-house.


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
Journal subscription
Bonolo Mathabela · Designer & Developer · bonolomathabela.com


