Web Design with Strategy, Motion & Copy Writing by Brittany SteinerWeb Design with Strategy, Motion & Copy Writing by Brittany Steiner
Web Design with Strategy, Motion & Copy WritingBrittany Steiner
Cover image for Web Design with Strategy, Motion & Copy Writing
Custom website design crafted with intentional visuals, thoughtful strategy, and UI motion to engage users and drive results. Includes art direction, responsive design, and developer-ready files to bring your vision to life—beautifully and efficiently.

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.
FAQs

Starting at$7,200
Duration4 weeks
Tags
Adobe Illustrator
Figma
Jitter
Loom
UI Designer
UX Designer
Web Designer
Service provided by
Brittany Steiner proUnited States
$1k+
Earned
2
Paid projects
6
Followers
Web Design with Strategy, Motion & Copy WritingBrittany Steiner
Starting at$7,200
Duration4 weeks
Tags
Adobe Illustrator
Figma
Jitter
Loom
UI Designer
UX Designer
Web Designer
Cover image for Web Design with Strategy, Motion & Copy Writing
Custom website design crafted with intentional visuals, thoughtful strategy, and UI motion to engage users and drive results. Includes art direction, responsive design, and developer-ready files to bring your vision to life—beautifully and efficiently.

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.
FAQs

$7,200