How much should you charge for a landing page or hero section?

A hero section can mean a visual concept, a production-ready responsive design, a coded component, or a conversion test with several variants. Those are different deliverables.

Confirm whether the client supplies final copy, brand assets, photography, illustration, and product screenshots. Ask whether the work includes mobile and tablet layouts, animation, prototyping, development, accessibility, analytics, or testing.

Break the job into phases before choosing a price:

• Brief review, goal, audience, and call-to-action
• Competitor references and content hierarchy
• Layout exploration and visual direction
• Image, icon, or product-visual preparation
• Desktop, tablet, and mobile decisions
• Interaction or animation notes
• Client presentation and revision rounds
• Final file organisation and developer handoff

If the direction is unclear, sell a paid concept phase instead of promising unlimited exploration inside one fixed fee.

Use your internal hourly floor to protect the minimum, then add overhead, revision risk, profit, and payment fees. The client can still receive one clear project price.

This is a worked example, not a universal market rate. Replace the hours and percentages with evidence from your own process, costs, experience, demand, client, and location.

State whether the quote covers a design file only, a coded responsive section, or a complete landing page. Development may add component behaviour, browser testing, content integration, performance work, analytics, and deployment.

Conversion research, copywriting, user testing, and A/B variants are also separate responsibilities. Include them only when the scope, decision-maker, success measure, and additional workload are clear.

Options let the client change scope without discounting the same work.

Make each option materially different. If coding is included, calculate and list the development workload instead of hiding it inside the design fee.

Define the included devices, concepts, revision rounds, file formats, handoff detail, feedback deadline, and one approval contact. State whether stock assets, fonts, illustration, copywriting, development, and ongoing optimisation are excluded.

New direction after approval should trigger a revised fee and timeline before more work begins. Show the booking deposit, balance date, quote expiry, and delivery condition.