WEBSITE BUILD & QUALITY CONTROL CHECKLIST
Platform: WordPress (Astra + Elementor)
Company: Peace I Leave With You Marketing
Purpose: To ensure all websites are professionally built, visually consistent, and properly tested before final submission. This checklist applies to all types of builds, including one-page layouts, multi-page websites, or service-specific builds.
🔧 PRE-BUILD SETUP
☐ Install and activate Astra Theme.
☐ Install Elementor (Free or Pro as provided).
☐ Install and configure Rank Math SEO.
☐ Install WPVivid Backup Plugin (create pre-launch backup).
☐ Install Ninja Forms for contact forms.
☐ Install Before & After Image Plugin (if applicable).
☐ Install SMTP Mail Plugin for reliable email delivery.
☐ Upload and verify favicon.
☐ Confirm SSL certificate is active.
☐ Update all themes, plugins, and WordPress core.
🧭 MAIN MENU & HEADER
☐ Create proper menu (Home, Services, About, Contact, etc.) with dropdowns if needed.
☐ Menu colors match brand logo palette — one consistent accent color used tastefully.
☐ Header background provides clear text contrast.
☐ Logo sized correctly (not stretched, cropped, or pixelated).
☐ Sticky header works properly and doesn’t cover page content.
☐ Mobile and tablet menus open, close, and align correctly.
🏠 HERO SECTION
☐ Headline (H1) clearly states the main service and city.
☐ Supporting headline (H2/H3) adds relevant detail.
☐ CTA button links to the correct page or form.
☐ Background image fits page context (exterior/interior/homepage).
☐ Text is fully legible and spaced properly.
☐ Hero layout looks correct across desktop, tablet, and mobile.
💡 INTRO / COMPANY OVERVIEW
☐ “About” or company credibility content appears either in its own section or within the homepage.
☐ Highlights the company’s professionalism, experience, or mission.
☐ Section formatted cleanly — not text-heavy or cluttered.
☐ Images complement text; no unrelated or filler visuals.
☐ Section spacing balanced (top/bottom padding consistent).
🧰 SERVICES OR MAIN OFFERING SECTIONS
☐ Each service title and description matches the provided content order.
☐ Buttons link to the correct destination (contact or detail pages).
☐ Service images match the topic (no mismatched visuals).
☐ Icons or bullets align with service type.
☐ Background colors and text colors contrast correctly.
☐ No overcrowded sections — spacing and alignment are clean.
🖼️ GALLERY / BEFORE & AFTER (IF INCLUDED)
☐ Real project photos uploaded — no demo or placeholders.
☐ Images cropped and sized evenly.
☐ Before & After sliders function properly (if plugin used).
☐ Colors and spacing flow with surrounding sections.
☐ Layout feels balanced — not too many images in one area.
☐ Image captions, if used, are accurate and concise.
💬 TESTIMONIALS / REVIEWS (IF INCLUDED)
☐ Authentic reviews uploaded.
☐ Section styled consistently (fonts, quote marks, colors).
☐ No duplicate or generic testimonials.
☐ Text alignment and white space balanced.
❓ FAQ SECTION (IF INCLUDED)
☐ All FAQs uploaded and formatted correctly.
☐ Toggle animations open and close smoothly.
☐ Font and spacing match the rest of the page.
☐ Questions are relevant and helpful to users.
📞 CONTACT & CALL-TO-ACTION SECTION
☐ Contact form functions properly and delivers via SMTP.
☐ Confirmation or thank-you message appears after form submission.
☐ All phone numbers clickable (“tel:”) and correct.
☐ Email addresses are clickable (“mailto:”) and correct.
☐ Google Maps (if used) shows the correct location.
☐ Business name, address, and hours are accurate.
☐ CTA button links to the correct form or page.
⚙️ FOOTER
☐ Footer colors and layout match the header and overall design.
☐ Logo displayed correctly and scaled properly.
☐ Company name, phone, and address are accurate.
☐ All footer links (Privacy Policy, Contact, etc.) are functional.
☐ Social icons link to correct pages and open in new tabs.
☐ Copyright line includes correct year and company name.
🔗 SITEWIDE FUNCTIONAL CHECK
☐ All internal links work (no 404s).
☐ External links open in new tabs.
☐ One H1 per page; proper heading hierarchy used.
☐ Buttons are clickable and link correctly.
☐ Fonts, colors, and spacing are consistent throughout.
☐ URLs clean and readable (no “sample-page” or “page-1”).
☐ No “lorem ipsum,” placeholder, or template filler remains.
☐ Load time acceptable (~3 seconds or faster).
📱 RESPONSIVENESS CHECK (REQUIRED BEFORE COMPLETION)
☐ Desktop: No broken layouts, spacing issues, or overlapping text.
☐ Tablet (iPad): Elements stack neatly, columns realign properly.
☐ Mobile (Cell Phone): Text readable and centered; Buttons large enough to tap; No horizontal scrolling or hidden elements.
☐ Menu and navigation are responsive on all devices.
☐ Before & After plugin, forms, and CTA buttons are functional on mobile.
☐ Footer displays properly without cutoff sections.
☐ Responsiveness checked manually on all device sizes before claiming completion.
🧩 CONTENT UPLOAD & STRUCTURE CONFIRMATION
☐ All written content is uploaded and matches the provided document order.
☐ No missing paragraphs, sections, or FAQs.
☐ Content distribution balanced — not overcrowded or text-heavy.
☐ Each section is separated with consistent spacing for readability.
☐ Designer verifies that all content visually aligns with the intended structure.
☐ Any change to the provided order must be approved or explained in writing.
🎨 DESIGN & VISUAL QUALITY
☐ Colors harmonize with logo and brand palette.
☐ Text alignment, padding, and margins are visually balanced.
☐ Use of imagery complements, not overwhelms, text sections.
☐ Layout feels professional, clean, and inviting.
☐ No clashing backgrounds or harsh contrasts.
☐ Creative judgment shown — designer takes initiative, not just instruction.
☐ Site has polished, finished look (no “template” feel).
🧭 FINAL QA REVIEW
☐ Scroll each page top to bottom for natural flow and section alignment.
☐ Confirm headers, footers, and CTAs are consistent sitewide.
☐ Retest links, forms, and mobile menu.
☐ Perform final WPVivid backup.
☐ Mark checklist complete, add “✅ Completed By” and date signed before submission.