Our web development process in six clear stages.
Every project we take on follows the same path, from a free consultation to a written scope, design, a staged build you can watch on a preview link, testing and launch. You always know what stage you are in and what comes next.
What is the web development process?
The web development process is the sequence of stages that takes a website or web application from an idea to a live, maintained product: discovery, scoping, design, development, testing, launch and ongoing support. At Ozairwebs, the process starts with a free consultation and project discovery, where we learn your goals, users and constraints. We then write a fixed-price scope that lists every page, feature, milestone and payment before any code is written. Design follows, usually as a sitemap, wireframes and Figma screens for your approval. Development happens in stages on a private staging link, so you see real progress instead of status reports. Before launch, we run QA on real phones and browsers and check Core Web Vitals, forms, tracking and SEO basics. Launch ends with a project handover, where code, domain, hosting and accounts are confirmed in your name, followed by optional maintenance.
The six stages of every project
The same stages apply to a five-page website, an online store or a custom web application. Only the depth of each stage changes.
- 01
1. Discovery
A free consultation, then deeper project discovery: goals, audiences, competitors, content, integrations, existing systems and the deadline you are working towards.
- 02
2. Written fixed-price scope
A document listing pages, features, technology, milestones, timeline and price in PKR or USD. Nothing is built until you approve it.
- 03
3. Design
We plan the sitemap, sketch wireframes and design key screens in Figma, then refine them with your feedback until they are approved.
- 04
4. Staged build on a preview link
Development happens in milestones on a private staging site, with code tracked in Git so every change is recorded and reversible.
- 05
5. Testing and QA
We test on real phones and browsers, check forms, payments, speed, accessibility basics, tracking and SEO settings, then fix everything found.
- 06
6. Launch and handover
We go live, confirm code, domain, hosting and accounts are in your name, and hand over documentation and a short training session.
What do you need from us to start, and what do we deliver?
A project moves fastest when both sides know their part. This is what we ask from you and what you receive at each stage.
| Stage | What you provide | What we deliver |
|---|---|---|
| Discovery | Goals, examples you like, existing logins and any brand guidelines | Discovery notes and a recommended approach |
| Written scope | Answers to open questions and approval of the scope | Fixed-price scope with features, milestones, timeline and payments |
| Design | Content, logo, photos and feedback on each design round | Sitemap, wireframes and approved Figma designs |
| Staged build | Timely review of each milestone on the preview link | Working milestones on a private staging site |
| Testing and QA | Your own test of key journeys and final sign-off | QA checks on real devices, with issues fixed and listed |
| Launch and handover | Domain and hosting access, or approval to set them up | Live site, account handover, documentation and a short training session |
When do we pay?
Payments are tied to milestones written into the scope, so you pay for progress you can see. Usually an initial payment confirms the start date, further payments follow as agreed milestones are approved on the preview link, and the final payment is due at launch and handover. The exact split depends on the project's size and is stated clearly in the scope before you sign. Quotes are in PKR or USD, and there are no hidden extras.
- Payment schedule written into the fixed-price scope
- Each payment linked to a milestone you can review
- Quotes in PKR for Pakistan or USD internationally
- Change requests priced in writing before work starts
- No surprise invoices for work you did not approve
How do you test before launch?
Our pre-launch checklist covers more than whether pages load. These are the main areas.
Real devices and browsers
We test on physical iPhones and Android phones, including lower-cost models, and on Chrome, Safari, Edge and Firefox, at phone, tablet and desktop screen widths.
Forms, checkout and email
Every form is submitted, every confirmation email checked, and every payment method run in test mode, including JazzCash, Easypaisa or Stripe where they are used.
Speed and Core Web Vitals
Pages are checked for loading speed, layout shift and responsiveness, with images compressed and scripts reviewed so the site performs well on slower mobile networks.
SEO and tracking
Titles, meta descriptions, redirects, sitemaps and structured data are checked, and GA4, Google Tag Manager and Search Console are confirmed to be recording data correctly.
Content and accessibility basics
We review text, links, image alt text, colour contrast and keyboard navigation, and confirm legal pages such as privacy and terms are in place before going live.
Security and backups
SSL, admin access, user roles, spam protection and backup schedules are configured, so the site launches protected and can be restored if anything goes wrong.
What happens after launch?
Launch is not the end of the relationship unless you want it to be.
- 1
Settling-in period
We watch the live site closely after launch and fix any issues that appear in real use.
- 2
Handover confirmed
You confirm access to code, hosting, domain and accounts, and can remove our access if you wish.
- 3
Optional maintenance
A maintenance plan covers updates, backups, security, monitoring and small changes, agreed in writing.
- 4
Next phase
New features or improvements start again at discovery, with their own written scope and price.
Questions people ask
What is the web development process?
The web development process is the set of stages that takes a website or web app from idea to launch and beyond. Ours has six: discovery, a written fixed-price scope, design, a staged build on a private preview link, testing and QA, then launch and handover. Optional maintenance follows, and new features restart the cycle with their own scope.
How long does each stage take?
Timing depends on the project, but discovery and scoping usually take one to two weeks, and design usually one to three weeks. The build is the longest stage and varies most, from a few weeks for a small website to several months for a custom application. Testing usually takes about a week. Your scope includes a timeline for every milestone.
What do you need from us to start?
To start, we need a clear picture of your goals, your audience and any deadline, plus examples of sites you like. Before design, we need your logo, brand colours and as much content as possible. Access to your existing domain, hosting or systems is needed later. Missing content is the most common cause of delays, so we plan it early.
When do we pay?
Payments are linked to milestones written into your fixed-price scope. Usually there is an initial payment to confirm the start, further payments as milestones are approved on the preview link, and a final payment at launch and handover. The exact schedule depends on project size and is agreed in writing before work begins. Quotes are in PKR or USD.
How do you test before launch?
We test on real iPhones and Android phones and on the main desktop browsers. The checklist covers forms, checkout and payment flows in test mode, emails, speed and Core Web Vitals, SEO settings, redirects, GA4 and Tag Manager tracking, accessibility basics, security and backups. Issues are fixed and listed, and you do your own review before sign-off.
What happens after launch?
After launch, we monitor the live site through a settling-in period and fix any issues that appear in real use. We confirm that code, hosting, domain and accounts are in your name and hand over documentation. You can then choose an optional maintenance plan, or plan a next phase, which starts with its own discovery and written scope.
What if we want changes after the scope is approved?
Changes are welcome, and they are handled in writing. You describe the change, we estimate the extra cost and time, and you approve or decline it before any work starts. Small adjustments within an approved design are usually absorbed. This keeps the fixed price meaningful and avoids surprise invoices at the end of the project.
Can we see the work while it is being built?
Yes. Every project is built on a private staging site with a preview link that only you and our team can open. New work appears there at each milestone, so you can click through real pages on your phone and computer, leave feedback and approve progress, rather than waiting until the end to see the result.
- 01
Share the context
- 02
Confirm the fit
- 03
Shape the plan
Start with discovery
Book a free consultation. We will learn about your project and send a written fixed-price scope before any work begins.
Start a conversation