HTML Webpage Pricing
-
Service Positioning:Front-end dev & slicing services for corporate sites, e-commerce pages, and personal projects. Faithfully restore designs, ensure compatibility, and accelerate launch.
-
Discount information:Basic page performance optimization included (covers image compression and code minification)
-
Production Cycle:From 2 business days
-
Project price:CNY 200+/page (Final price depends on the number of pages and technical requirements.)
-
Routine Services:
Dev Quote Ref
Provide professional interactive code dev services based on client-provided design source files (PSD/Figma/Sketch, etc.), ensuring ≥95% page restoration and compliance with front-end dev standards.
| Type | Unit Price (CNY) |
Description | Applicable Scenarios |
|---|---|---|---|
| Static Page Dev | 200+/P | 1. Design slicing & asset optimization (image/icon compression) 2. Static page layout restoration (HTML+CSS) 3. Basic interaction implementation (btn click, form submission, page redirect) 4. Compatible with major PC browsers (Chrome/Firefox/Edge) |
Simple display pages, campaign landing pages, static promo pages |
| Display-Oriented Interactive Dev | 300+/P | 1. All basic static interaction services 2. Dynamic effect dev (carousels, dropdown menus, hover tooltips) 3. Multi-terminal: PC / Tablet / Mobile 4. Code compatibility optimization (compatible with IE11+) |
Corporate websites, product detail pages, functional pages |
| Data-Oriented Interactive Dev | 600+/P | 1. All standard dynamic interaction services 2. Data visualization charts, countdowns, multi-level modal interactions 3. Performance optimization (lazy loading, code splitting) |
Data display pages, tool-based pages, medium functional modules |
| Effects & Integration Interactive Dev | 1200+/P | 1. All complex interaction dev services 2. Animation effects (parallax scroll, 3D WebGL, dynamic particle effects) 3. API integration (data rendering with backend, async request handling) 4. Full-chain testing (functional, performance, compatibility testing) |
E-commerce core pages, interactive marketing pages, high-end brand pages |
Dev Service Description
We solemnly commit: Dev based on client designs, focus on readability & maintainability, provide complete source code, and reject malicious encryption & redundant code!
| Project | Description | Notes |
|---|---|---|
| Design Analysis | Tech team deeply analyzes designs, confirms layer structure, color values, font params, interaction logic, and outputs dev tech proposal. | Client must provide complete design source files (with annotations). Any ambiguities in designs require prior communication & confirmation. |
| Asset Processing | Optimize images, icons, fonts, etc., from designs to balance loading speed & visual fidelity. | Supported formats: JPG/PNG/SVG/WEBP. Can output adapted assets as required. |
| Code Dev | Implement page layout & interactive functions per tech proposal. Conduct internal self-testing for each completed module to ensure functionality. | Provide regular progress updates to client during dev. Offer demo previews at key milestones. |
| Compatibility Testing | After dev completion, perform compatibility testing across various browsers & device models, fixing adaptation issues. | Provide a test report specifying covered browsers & device models. |
| Issue Fixing | Promptly fix and adjust reasonable issues raised by client during acceptance. | Prioritize issues affecting functionality to ensure smooth project delivery. |
Service Process
| Project | Description |
|---|---|
| Req Confirmation | Verify design completeness, interaction req details, delivery standards (e.g., browser compatibility reqs) with client. |
| Provide Quotation | Create a detailed quote based on design complexity & interaction functional reqs, specifying services, deliverables, timeline. |
| Sign Contract | Sign contract after both parties confirm quote & service details. Client pays 50% deposit, tech team initiates dev preparation. |
| Dev Implementation | Tech team analyzes designs, processes assets, writes code, provides regular progress updates, and offers preview links for key modules. |
| Initial Delivery | Submit initial version (incl. source code zip, preview link) to client after full dev & internal testing. |
| Acceptance Adjustments | Client conducts acceptance testing, provides feedback. Tech team promptly fixes & adjusts until delivery standards are met. |
| Final Draft Delivery | Client confirms acceptance, pays balance. Deliver complete source code (commented), asset files, deployment documentation. |
| Follow-up Support | Assist client with page deployment (optional), answer dev-related technical questions. |
Required Materials
| Design Source Files | Complete PSD/Figma/Sketch files incl. all pages, components, icons. Design annotations (e.g., dimensions, color values) are recommended. |
|---|---|
| Font Files | Special font files used in designs (if copyright involved, client must provide legal authorization). |
| Interaction Req Doc | Clearly define interaction logic for page elements (e.g., btn click effects, form submission rules, modal trigger conditions). |
|---|---|
| Reference Examples | If similar interactive effects are required, provide reference sites or demos for accurate req understanding by the tech team. |
After-Sales Service
| File support | Provide free technical consulting related to source code for 1 year, assisting with dev issues encountered during deployment (excl. server config issues). |
|---|---|
| Documentation Support | Provide complete dev documentation, incl. code structure explanation, key function implementation logic, common API call instructions (if API integration is involved). |
| BUG Fixing | Provide free fixing for functional bugs遗留 from dev (not caused by subsequent client code modifications) within 1 year. |
|---|
Cost Composition
Transparent costs, fair to all, no misleading customers
Our Work
