Web Production Flow: A Five-Phase Template From Requirements to Launch

Project & Development

Web Production Flow: A Five-Phase Template From Requirements to Launch

The producer running a website build opens this template at project kickoff. The whiteboard holds a five-phase timeline, a grid pairing each phase's deliverables with what the client reviews, and a matrix for sorting change requests. The task board is split into five parent tasks from requirements to launch, moving through internal review and client review before they are done.

Read more Show less

Use it when production is moving forward but replies and change requests keep piling up and the launch date stops feeling real. It suits a director searching for a website production management template or how to build a site production schedule, and anyone handed the lead on a project for the first time. Even when in-house staff and outside partners are mixed on the same team, this board lets everyone see which phase things are in at a glance.

Start by writing the launch date, purpose, and your tie-breaking rule in What this site has to achieve. Share the overall flow in The five-phase timeline, then use Deliverables and client review by phase to decide what gets submitted at each stage and who approves it. Sort incoming change requests in How to handle change requests, splitting what gets fixed now from what waits for next time. Project by project, note where past work got stuck in Where things stall, and the way around. The task board runs Backlog, In Progress, Internal Review, Client Review, and Done.

Finish Define requirements in the first week, and above all don't leave Set launch date blank. Client replies tend to stall once design work starts, so review in a standing meeting any card that has sat in Client Review for more than three days. Before launch, have more than one person run Test on devices, and don't hand off until Verify analytics is done.

0 Likes 0 Copies Author: WeProcess
Web Production Project Management Client Review Launch Prep
Sign up free and use this template

Once you have a free account, you can copy this template from the marketplace

Whiteboard preview

Preview mode Web Production Flow: A Five-Phase Template From Requirements to Launch

Whiteboard preview

What this site has to achieve The five-phase timeline Deliverables and client review by phase How to handle change requests Fix the same day Renegotiate the date Batch them up Defer to phase two Where things stall, and the way around Web Production Flow How to use: 1) Fi... Goal and launch c... Agreed way of wor... What is stuck Lessons for next ... Launch date and targetsExample: Go live June 30. Reach 20 inquiries a month and a bounce rate under 60% within three months. Decision maker and contactExample: The client's marketing head signs off. Requests go by email to contact A, answered within three business days. Unknowns to clear firstExample: Product photo shoot is unscheduled. Nobody knows who holds the domain transfer rights. Carried over from last projectExample: Copy arrived two weeks late last time. Lock the copy deadline in the kickoff meeting. Step 1 RequirementsList goals, audience, and pages, then agree on the sitemap and feature list with the client. Step 2 DesignLock the structure with wireframes and present designs for the home and key inner pages. Step 3 BuildCode the pages, set up the CMS, and load the final copy and images. Step 4 QA and fixesCheck layout, links, and form submissions per device, then apply the findings. Step 5 LaunchPublish, confirm tracking and search registration, and hand over the update guide. What we deliver What the client c... Sign-off signal Requirements Sitemap, feature list, and schedule Page structure and whether the date is realistic Written approval of the sitemap by email Design Home page plus two inner page mockups Colors, photography, and tone of the copy Design approved in writing; later changes quoted Build Staging URL with login details Typos, link targets, and the mobile view One consolidated list of fixes received Pre-launch QA results and the list of open items Which open items are fixed before or after launch Go-ahead to publish 縦軸: Impact on lau... Typos, dead links, wrong prices. Fix them the day they are found and report back. Structural changes or new features. Decide with the client: move the date or ship it in a phase two. Small spacing and wording tweaks. Apply once a week so review happens in one pass. Extras like added animation. Write down why it is deferred and park it on the next-round list. Late copy and imagesExample: Build with placeholder text, mark every spot to swap, and load the real content in one pass. Waiting on approvalExample: If there is no reply in three business days, call contact A and get a decision on what to proceed with. What to record at the endExample: Note each delayed phase and its cause in one line, and add those days to the next estimate.
100%

Drag to move, scroll to zoom

Task board contents

Backlog 16 items

Define requirements
Approve the design
Build and fill pages
Run pre-launch QA
Launch and hand off
Lock the sitemap
Set launch date
Draw wireframes
Present design mocks
Code the pages
Load copy into CMS
Test on devices
Fix and recheck
Deploy to live
Verify analytics
Hand over the guide

In Progress 0 items

Internal Review 0 items

Client Review 0 items

Done 0 items

← Back to templates