5-10 Page Website (Webflow + Relume)

DeAndre Holland

Starting at

2,300

About this service

Summary

As a Web designer with a deep background in photography, art direction, and motion design, I craft visually compelling websites that don’t just look good but convert.

My expertise in typography, color psychology, and user experience ensures that every design element is intentional, driving engagement and sales. With an operations-driven mindset from my time at Postmates, I streamline workflows and development processes, allowing me to deliver high-quality, scalable websites efficiently—helping businesses launch faster without sacrificing excellence.

Process

Discovery Call: I will learn and gather notes about your business, business goal(s), and challenges you face in a strategy workshop session.

Design Phase: Create a sitemap in Relume, curate images and assets that align with your brand using Unsplash+

Development Phase: Import pages into Webflow, add animations if needed, and apply custom code where needed

Quality Assurance: Conduct quality assurance for all pages:

Accessibility Audit #01 (Responsive, links, layout shifts, etc.)

SEO Audit (Keyword, ranking, etc.)

Development Audit (Clean unused CSS, animations, & assets)

Component Audit (Replace any new classes w/ utility classes)

CRO Audit (Website meets best practices for conversion)

Accessibility Audit #02 (Speed, different browsers, devices)

Handoff Audit (Written and recorded documentation to maintain website)

Launch & Handover: Push designs to live site, deliver Notion document from with Webflow website documentation

FAQs

What's the average turnaround time to complete a site?
The average turnaround time for this Webflow project is 3 Weeks, but after the Discovery phase, I'll deliver a brief outline highlighting check-ins, estimated time of completion, etc.

What's included

Initial Discovery & Strategy
• Project Brief & Roadmap: Detailed outline of project scope, goals, timelines, and milestones. • User Persona & Journey Mapping: Identification of target audience segments and how they’ll navigate the site.
Responsive Development
• Mobile-First Design: Ensuring the site is fully optimized and user-friendly on all devices (desktop, tablet, mobile). • Cross-Browser Compatibility: Thorough testing and fine-tuning across major browsers (Chrome, Firefox, Safari, Edge).
Custom Website Design (Leveraging Relume Library)
• Rapid Wireframing & Page Layouts: Using Relume’s library of prebuilt, Client-First components, we can quickly generate an entire sitemap and foundational wireframes for each page. • Client-First Class Structure: All styling follows a systematic, easy-to-understand naming convention, ensuring code cleanliness and scalability. • Streamlined Customization: Even though components are prebuilt, I’ll apply your unique branding—colors, fonts, and imagery—to create a cohesive, custom look without reinventing the wheel. • Efficiency & Consistency: By tapping into Relume’s robust library, the design and build process is both faster and more consistent, freeing up more time to focus on user experience and brand storytelling.
Webflow CMS Integration [Optional]
• Scalable Content Management: Easy-to-use dynamic content collections for blog posts, portfolios, product listings, etc. • Customizable Templates: Editable sections and repeatable modules so non-technical staff can update content without coding. *CMS Plan Required*
Search Engine Optimization (SEO) Setup
• On-Page SEO Foundations: Proper meta tags, alt text for images, and clean, semantic HTML for better visibility. • Technical SEO: Fast page-loading speed, proper site indexing, and best-practice URL structures.
Performance & Security
• Optimized Code & Images: Techniques like lazy loading and code minifying to enhance site speed. • Webflow Hosting & SSL: Utilizing secure hosting with SSL certificates for secure data transmission.
Third-Party Integrations (2 MAX)
• Marketing Tools: CRM integrations (HubSpot, Mailchimp), analytics, and lead capture forms. • E-commerce Functionality: If applicable, secure checkout processes, product setup, and inventory management.
Quality Assurance & Testing
• Usability Testing: Evaluation of user flow, navigation, and clarity of website content. • Debugging & Fixes: Identifying and resolving layout or functional bugs before launch.
Launch & Handover
• Final Deployment: Seamless transition from development to the live site environment. • Training & Documentation: Client training videos and documentation on Webflow’s CMS and tailored documentation for self-updates.
Ongoing Support & Maintenance (Optional)
• Post-Launch Tweaks: Adjustments for unexpected issues, feedback-driven improvements, and feature enhancements. • Retainer Services: Regular content updates, performance reviews, and strategy consultations for continuous improvement.