Creating an appropriate schedule is essential for the success of a web production project.
In this article, we will explain in detail how web engineers create production schedules based on past production examples.
In the past, we introduced “Quote Amount Disclosure! Real Estimation Rates and Calculation Methods by Web Production Company Engineers“. Using the project example given here, let’s take a look at the process from production estimate to specific schedule.
Web production project labor hours and estimates
The example production project and prerequisites from “Quote Amount Disclosure! Real Estimation Rates and Calculation Methods by Web Production Company Engineers” are as follows.
I will explain the estimate and the associated man-hours using the production of a company’s official website as an example. The production project was carried out under the following conditions.
・Company’s official website 15-page website
・Design
・HTML coding (responsive site)
・CMS construction (WordPress)
・Materials to be posted on the site (text, photos, etc.) available
・Domain and server environment available
The estimate and man-hours calculated from the above example project are as follows.
Company official website production ⇒ ¥1,701,700 (excluding tax)
[Direction and progress management fee]
Direction and progress management fee (10%) / 1 set / ¥154,700
[Site design fee] = Subtotal ¥100,000
Site design / 1 set / ¥100,000
・Site map creation
・Wireframe creation
・CMS selection
・Other in-page function design
[Design fee] = Subtotal ¥560,000
PC page design
・TOP page / 1 page / ¥80,000
・Second-level page / 5 pages / ¥40,000 / ¥200,000
・Other lower-level pages Base / 1P / ¥40,000 / ¥40,000
Smartphone page design
-Top page / 1P / ¥60,000 / ¥60,000
-Second-level page / 5P / ¥30,000 / ¥150,000
-Other lower-level pages Base / 1P / ¥30,000 / ¥30,000
[HTML coding fee] = Subtotal ¥442,000
TOP page / 1P / ¥60,000 / ¥60,000
Second-level page / 5P / ¥30,000 / ¥150,000
Other lower-level pages / 9P / ¥15,000 / ¥135,000
Smartphone page responsive
・TOP page / 1P / ¥20,000 / ¥20,000
・Second-level page / 5P / ¥10,000 / ¥50,000
・Other lower-level pages / 9P / ¥3,000 / ¥27,000
[JavaScript production and construction fee] = Subtotal ¥200,000
In-page header menu display production / 2 person-days / ¥40,000 / ¥80,000
TOP page Main switching content production / 1 person-day / ¥40,000 / ¥40,000
Employee list sorting display function / 2 person-days / ¥40,000 / ¥80,000
[System construction, CMS construction costs] = Subtotal ¥180,000
WordPress setting / 1.5 person-days / ¥40,000 / ¥60,000
・Server, DB setting
・WordPress installation
・Inquiry plugin addition, setting
Notice CMS construction / 3 person-days / ¥40,000 / ¥120,000
[Evaluation and testing] = Subtotal ¥65,000
Evaluation / 6.5 person-days / ¥10,000 / ¥65,000
・Display test work
Extract production days from estimated man-hours
The number of pages and man-days are extracted from the quotation. The extracted contents are as follows.
(※Direction, progress management, and site design are excluded)
Company official site production
[Design fee] Total number of pages: 14P
PC page design
・TOP page / 1P
・Second-level page / 5P
・Other lower-level page base / 1P
Smartphone page design
・TOP page / 1P
・Second-level page / 5P
・Other lower-level page base / 1P
[HTML coding fee] Total number of pages: 30P
TOP page / 1P
Second-level page / 5P
Other lower-level pages / 9P
Smartphone page responsive support
・TOP page / 1P
・Second-level page / 5P
・Other lower-level pages / 9P
[JavaScript production and construction fee] Total man-days: 5 man-days
Header menu display production within the page / 2 man-days
TOP page Main switching content production / 1 person-day
Employee list sorting display function / 2 person-days
[System construction, CMS construction costs] Total person-days: 4.5 person-days
WordPress setting / 1.5 person-days
・Server, DB setting
・WordPress installation
・Inquiry plugin addition, setting
Notice CMS construction / 3 person-days
[Evaluation / test] Total person-days: 6.5 person-days
Evaluation / 6.5 person-days
・Display test work
Design production schedule
Based on the quotation, the number of pages that need to be designed is 14 pages.
[Design fee] Total number of pages: 14 pages
PC page design
– TOP page / 1 page
– Second level page / 5 pages
– Other lower level page base / 1 page
Smartphone page design
– TOP page / 1 page
– Second level page / 5 pages
– Other lower level page base / 1 page
Assuming that one designer is responsible for production, it is thought that about 2-3 pages can be produced per day, so if we estimate a schedule of 2 pages per day with a margin,
Design production schedule: 7 man-days
*When production work begins, the first base page design takes the most time, but the schedule is only an estimate of how many days it will take based on the total number of pages.
HTML coding schedule
*Like the design, the first base page coding takes the most time, but the schedule is only an estimate of how many days it will take based on the total number of pages.
[HTML coding fee] Total number of pages: 30 pages
TOP page / 1 page
Second-level page / 5 pages
Other lower-level pages / 9 pages
Smartphone page responsive support
・TOP page / 1 page
・Second-level page / 5 pages
・Other lower-level pages / 9 pages
The number of pages that need coding is 30 pages.
Assuming that one coder will code about 5 pages per day,
HTML coding schedule: 6 person-days
JavaScript production/construction, system construction, CMS construction, evaluation/test schedule
For JavaScript production/construction, system construction, CMS construction, evaluation/testing, the number of person-days is calculated as follows at the estimate stage.
[JavaScript production and construction costs] Total man-days: 5 man-days
In-page header menu display production/2 man-days
TOP page main switching content production/1 man-day
Employee list sorting display function/2 man-days
[System construction, CMS, etc. construction costs] Total man-days: 4.5 man-days
WordPress settings/1.5 man-days
・Server, DB settings
・WordPress installation
・Inquiry plugin addition, settings
Notice CMS construction/3 man-days
[Evaluation and testing] Total man-days: 6.5 man-days
Evaluation/6.5 man-days
・Display test work
If we extract only the total man-days from the estimated man-days above, each schedule will be as follows.
JavaScript production and construction: 5 man-days
System construction, CMS construction, etc.: 4.5 man-days
Evaluation and testing: 6.5 man-days
Web production schedule
The number of production days excluding direction, progress management, and site design are as follows.
Design production (14 pages) schedule: 7 person-days
HTML coding (30 pages) schedule: 6 person-days
JavaScript production and construction: 5 person-days
System construction, CMS construction, etc.: 4.5 person-days
Evaluation and testing: 6.5 person-days
Web production total: 29 business days
From the “Web production total,” estimate how long it will take for direction, progress management, and site design.
If we assume that it is about 1/3 of the “Web production total,” with some leeway, it will take about 9 business days.
Direction, progress management, site design: 9 business days
From the above, the “Web production overall schedule” is
Web production overall schedule: 38 business days (about 2 months)
However, as the production progresses, there are tasks that can be carried out simultaneously, such as “design production” and “HTML coding,” and “HTML coding” and “system construction, CMS construction,” so the “Web production overall schedule” can be adjusted to some extent.
You need to adjust the work that can be adjusted based on the client’s desired delivery date and release date by dropping it into the calendar schedule.
Summary
Proper schedule management and precise estimates are essential for the success of a web production project. As introduced in this article, it is important to accurately estimate the labor hours for each process according to the content of the project and calculate the actual production days. In particular, processes such as design production and HTML coding require time to be allocated to base work in the early stages of production, so schedule setting that takes this into consideration is required.
In addition, by identifying tasks that can be carried out in parallel while production is in progress and scheduling efficiently, it is possible to shorten the overall production period. Be flexible in responding to the client’s desired delivery date, while also setting up an appropriate buffer to maintain quality. This will make the entire project progress smoothly and allow you to provide a high-quality website that meets the deadline.
*The contents of this article are for reference only. If you use it for work, etc., please do so at your own risk.
