Quotations are essential for people working in website production, whether as company employees, freelancers, or sole proprietors.
The method of estimating varies depending on the type of client industry and the scope of work involved, but I will share estimation methods based on projects I have handled.
Examples of Production Projects and Assumptions
The examples of production projects and assumptions for this quotation are as follows:
・15-page official website for a company
・Design
・HTML coding (responsive site)
・CMS construction (WordPress)
・Materials for the site (text, photos, etc.) available
・Domain and server environment available
At this stage, the client and I have completed the “requirement definition and proposal,” and the design has progressed to a certain extent.
HTML Coding Cost
Since the project involves creating a “15-page official website for a company,” the total number of pages is 15.
When estimating the “HTML coding cost,” it is roughly as follows:
TOP page / 1P / ¥60,000 / ¥60,000
Second-level pages / 5P / ¥30,000 / ¥150,000
Other subpages / 9P / ¥15,000 / ¥135,000
Responsive design for smartphone pages
・TOP page / 1P / ¥20,000 / ¥20,000
・Second-level pages / 5P / ¥10,000 / ¥50,000
・Other subpages / 9P / ¥3,000 / ¥27,000
※ The per-page rate may be adjusted depending on the total number of pages and the volume of information displayed on each page.
Design Cost
“Design costs,” like “HTML coding costs,” vary depending on the number of pages. For other subpages with layouts that can be duplicated after creating a base design for one page, the “design cost” is calculated based on one base page.
PC page design
・TOP page / 1P / ¥80,000
・Second-level pages / 5P / ¥40,000 / ¥200,000
・Other subpages Base / 1P / ¥40,000 / ¥40,000
Smartphone page design
・TOP page / 1P / ¥60,000 / ¥60,000
・Second-level pages / 5P / ¥30,000 / ¥150,000
・Other subpages Base / 1P / ¥30,000 / ¥30,000
※ Design costs per page are generally higher than HTML coding costs. This is because design involves creating layouts based on the provided information, wireframes, and client requests, which takes time. Design rates also tend to increase depending on the design company or quality standards.
Summary
The total quote and subtotal are as follows:
Official Company Website Production ⇒ ¥1,701,700 (excluding tax)
This article serves as an example of estimated costs for a hypothetical project. Actual estimates will vary depending on the project details, the contracting company, the client’s budget, and other conditions. Freelancers and sole proprietors often accept work at much lower rates. The best approach varies case by case, but I hope this example provides a helpful reference for understanding estimation methods from the perspective of a front-end engineer handling direction.
Please also refer to “How to Create a Web Production Schedule.”
※ If used for work purposes, please do so at your own discretion.
