Independent designer · Design + development, end to end (Figma design + Framer / Webflow / hand-coded build). All prices in USD.
Three baseline tiers by overall complexity. Everything below is priced as add-ons on top of these.
Each package includes one main landing page. Additional pages are priced by how much of the design system they reuse.
| Item | Add-on | Details |
|---|---|---|
| Main landing page ×1 | Included | One complete long-form page — all sections designed and built. |
| Additional page (reused system) | +$200 – $400 / page | Pages built on the existing design system: Pricing, FAQ, About, legal pages. |
| Additional page (custom design) | +$400 – $800 / page | Pages needing their own layout and visual concept, e.g. feature deep-dives. |
| A/B test variant | +$300 – $600 / variant | An alternate hero / layout / messaging direction of the same page for ad testing. |
The hero drives conversion — and is where effort varies most, so it's priced by tier.
| Tier | Add-on | Details |
|---|---|---|
| L1 · Static typography | Included | Headline + subcopy + CTA + product shot, carefully art-directed. |
| L2 · Custom illustration / graphic | +$200 – $500 | Original illustration, abstract graphics, or device-mockup compositions. |
| L3 · Animated hero | +$300 – $800 | Lottie / CSS / video-background animation, entrance and loop motion. |
| L4 · 3D / Interactive Premium | +$800 – $2,000 | 3D scenes, WebGL particles, cursor-reactive heroes (Spline etc.), incl. performance optimization. |
| Item | Add-on | Details |
|---|---|---|
| Baseline interactions | Included | Hover states, page transitions, navigation behavior — the standard details. |
| Scroll-triggered animation | +$300 – $800 | GSAP / Framer Motion on scroll: reveals, parallax, counters, progressive narrative. |
| Advanced micro-interactions | +$500 – $1,500 | Scroll-locked storytelling, horizontal scroll, complex sequenced animation. |
| Interactive widget | +$500 – $1,500 / each | Pricing calculators, product configurators, quizzes, interactive demos. |
| Item | Add-on | Details |
|---|---|---|
| Responsive (desktop + mobile) | Included | Desktop and mobile are standard; fine-tuned tablet & ultrawide +$150–300. |
| Copywriting | +$300 – $800 | Conversion-focused copy for the full page; light editing is free if you supply copy. |
| Mini brand kit | +$500 – $1,500 | If no brand guidelines exist: logo refinement, color palette, type system, basic VI. |
| CMS / blog integration | +$400 – $1,000 | Webflow / Framer CMS collections so you can update content yourself. |
| Third-party integrations | +$100 – $300 / each | Mailchimp, HubSpot, Stripe, Calendly, GA4 / pixel tracking, etc. |
| Localization | +30% – 50% / language | Priced as a percentage of the package, incl. layout adaptation (translation not included). |
| Dark mode | +$200 – $400 | Full dual-theme design with theme switching. |
| SEO & performance | +$200 – $500 | Semantic structure, meta / OG tags, image optimization, Lighthouse 90+ target. |
| Handoff & training | +$150 – $300 | Figma source files are always included; this covers CMS training + recorded walkthrough. |
50% deposit to start, balance due before launch. Projects ≥ $4,000 can split into three payments (40 / 30 / 30).
Packages include 2–3 rounds; additional rounds at $150 / round or $60–90 / hour. Bug fixes free for 14 days after launch.
Standard delivery in 2–3 weeks (Standard tier). Rush delivery within 7 days adds +30% – 50%.
Work beyond the agreed scope is billed at $60 – $100 / hour; optional post-launch retainer at $100 – $300 / month.