Web Design with Strategy, Motion & Copy Writing
Starting at
$
7,200
About this service
Summary
FAQs
How many pages are included in this package?
This package includes up to 5 pages. Additional pages can be added at $1,000 each for simple layouts, or $1,500 for content-rich or motion-heavy pages.
Is development included?
Development is not included, but all files are fully prepared for handoff. I also include a video walkthrough and motion notes to make the dev process smooth. If needed, I can recommend trusted developers or no-code experts.
Do you offer copywriting?
Yes! I offer support with writing or refining your website copy. Whether you have a rough draft or need help from the ground up, I’ll help make sure the messaging is clear, on-brand, and aligned with the design.
What do you use for animation/motion?
Motion is created using tools like Jitter or LottieLabs and delivered as reference animations or lightweight files. These animations help guide users, reinforce your brand, and make the experience feel more polished and dynamic.
Can you work with my existing brand?
Absolutely. I can work within existing brand guidelines or help evolve them through creative direction. If no brand assets are available, we’ll define a cohesive visual language as part of the process.
What if I need updates after the project is done?
I offer flexible monthly support packages if you’d like ongoing design help after launch. This can include new sections, updates, or even additional motion.
Why is this project priced at $7,200?
This package goes beyond surface visuals. It includes strategy, art direction, copy refinement, custom design, motion, and a full style guide. Everything is crafted for clarity, engagement, and a smooth dev handoff.
What's included
🎨 Creative direction + moodboard
A curated visual direction that sets the tone for the site’s look and feel, including typography, color, imagery, and layout inspiration.
🗂️ Strategic content structure & wireframes
A wireframe layout for key pages that outlines content hierarchy, user flow, and structure before diving into visual design.
✍🏼 Web copy support (writing or refining)
Help with writing or editing copy to ensure it’s clear, on-brand, and aligned with the design—whether starting from scratch or polishing existing content.
💻 Full website design (desktop + mobile)
Custom design for up to 5 key pages, tailored for both desktop and mobile. Each page is thoughtfully designed with a focus on clarity, storytelling, and usability. Includes design for all common website elements (headers, footers, navigation, buttons, forms, content blocks, etc.) and mobile responsiveness for each screen.
🌀 UI motion (Jitter or LottieLabs)
Includes UI motion direction for up to 5 key moments across the site. This may include animated hero sections, content reveals, hover states, or page transitions. Delivered as animated references using Jitter or LottieLabs, and documented in Figma for developer implementation. Motion is used intentionally to enhance UX and guide user flow—not just for decoration.
🧱 Design System & Style Guide
Includes a modular design system with reusable components (buttons, cards, forms, nav elements) and a visual style guide outlining color palette, typography, spacing, and component usage. Designed to ensure visual consistency across pages and support easier future updates by your team or developers.
📁 Complete, organized Figma file
A clean and labeled Figma file with all designs, assets, components, and styles clearly structured for collaboration and handoff.
🚀 Developer handoff package + video walkthrough
Export-ready assets, notes, and a video walkthrough to guide developers through the design—ensuring a smooth and stress-free build.
Duration
4 weeks
Skills and tools
UI Designer
UX Designer
Web Designer
Adobe Illustrator
Figma
Jitter
Loom