A website launch isn't a single event—it's a structured process that typically spans 8–16 weeks depending on complexity and scope. Understanding each phase helps you set realistic expectations, allocate budget smartly, and avoid bottlenecks that delay your go-live date. Here's what actually happens from your first meeting to flipping the switch.
Discovery & Strategy (Weeks 1–2)
This is where a designer learns your business, audience, and goals. Expect your chosen designer to conduct stakeholder interviews, audit competitors, and map out user journeys specific to your product or service.
During discovery, you'll define:
- Target user personas and their pain points
- Core features and content hierarchy
- Brand guidelines (or develop new ones)
- Success metrics (conversion rates, engagement, traffic targets)
Budget impact: A thorough discovery phase costs $1,500–$5,000 but prevents expensive pivots later. Rushing this step is the #1 reason projects derail.
Wireframing & Information Architecture (Weeks 2–4)
Designers create low-fidelity wireframes—essentially skeleton layouts—showing where buttons, forms, images, and text blocks live. This isn't about colors or polish; it's about usability flow.
A good wireframe addresses:
- How users navigate between pages
- Where CTAs (calls-to-action) appear
- Form field requirements and validation
- Mobile responsiveness at each breakpoint
Expect 2–4 rounds of revisions before approving wireframes. This step typically costs $2,000–$6,000.
Visual Design & High-Fidelity Mockups (Weeks 4–8)
Once wireframes are locked, designers apply your brand identity—colors, typography, imagery, spacing, animations. They create pixel-perfect mockups for desktop, tablet, and mobile views.
At this stage, your designer is building:
- Component libraries (buttons, cards, input fields) for consistency
- Interactive prototypes showing hover states, animations, and transitions
- Design system documentation for developers
Visual design rounds out to $3,000–$10,000+ depending on custom illustration, animation complexity, or micro-interactions. Stock photography or custom photography adds another $500–$3,000.
Development & Implementation (Weeks 6–12)
This often overlaps with design. Frontend developers convert mockups into actual HTML, CSS, and JavaScript. Backend developers build databases, authentication, and server logic.
Real talk: communication between designers and developers matters enormously here. Misaligned specs lead to rework. A solid design handoff document (or design system) cuts development time by 20–30%.
Development costs range from $5,000 (simple brochure site) to $50,000+ (custom web app with backend complexity). Timeline depends heavily on feature scope—an e-commerce checkout differs vastly from a portfolio site.
Testing & Refinement (Weeks 10–14)
QA testing catches broken links, form submission errors, cross-browser rendering issues, and accessibility gaps. Usability testing with real users reveals whether navigation feels intuitive or confusing.
Critical tests include:
- Functional testing across Chrome, Safari, Firefox, Edge
- Mobile responsiveness on actual devices (not just browser dev tools)
- Page load speed and Core Web Vitals optimization
- WCAG 2.1 accessibility compliance (especially Level AA)
Budget 1–2 weeks and $1,000–$3,000 for thorough testing. Skipping this is penny-wise but pound-foolish.
Pre-Launch & Deployment (Weeks 14–16)
Final checks before go-live: DNS configuration, SSL certificates, CDN setup, analytics and tracking implementation. Your team trains on CMS tools if applicable.
Deploy to staging first, never directly to production. Most issues surface here, not after launch.
Setting Realistic Expectations
A typical small-to-medium website (10–20 pages, custom design, standard features) costs $8,000–$20,000 and takes 12–14 weeks. Complex web applications or heavily customized platforms can stretch to $50,000–$150,000+ over 6+ months.
The biggest timeline killers are scope creep, slow feedback cycles, and unclear requirements. Lock scope early and establish a feedback-review schedule (weekly is ideal).
When hiring a designer or agency, ask specifically about their process timeline and what's included at each phase. If they quote 6 weeks for a custom site, that's a red flag—it suggests corners are being cut.
Mercoly lets you compare vetted Web & UI/UX Design providers side-by-side, review their actual timelines and past work, and request quotes tailored to your project scope all in one place.
Frequently Asked Questions
Q: How much of the timeline can happen in parallel? Design and development can overlap by 3–4 weeks once wireframes lock, but pushing them fully parallel usually means rework. A staggered, overlapping approach is safest.
Q: What if I need my site faster than 12 weeks? Accelerated timelines require a smaller scope, larger team, or both—and cost 25–40% more. Some agencies offer "rapid build" packages using templates, which sacrifice customization.
Q: Should I pay upfront or phase payments? Standard practice: 30–50% upfront, 50% on delivery. Some charge in milestones (discovery, wireframes, design, development, launch). Avoid 100% upfront unless working with an established agency with strong reviews.
To move forward on your web project, start by comparing design providers and their timelines on Mercoly.