Website Project Workflow

Website_Project_Workflow.md

Website Workflow

(1) Proposal & Agreement

• Create and send the Proposal
• Create and send the Agreement

(2) Create Wireframe

• Ask for the Logo (Important)
  • THIS IS IMPORTANT BECAUSE WE HAVE TO FIND THE RIGHT FONT AND THE RIGHT COLOR PALETTE
• Create Wireframe with Figma
  • Create HomePage
  • Create Contact Page
  • Create Single Page
  • Create Services Page (optional)
  • Create Single Article (if is a blog)
  • Create Single product (if is an eCommerce)
  • Create Search Page
  • Create Page 404
  • Create Call To Action (if possibile more than one)
  • Share the Wireframe with your client and ask for apporval

(3) Documents & Informations

• Ask to your client the text for:
  • About us
    • Team image Profile (Optional)
  • Contact us
    • Emails
    • Phone
    • Address
    • Information to create a form
  • Services (if is a business website)
    • Single Service (optional)
  • Products (if is an eCommerce)
    • Product's Images
    • Product's Description
    • Product's Price
    • Product's extra info (optional)
  • Extra information (optional)
    • Estimation forms (example)

(4) Website Creation

• Install WordPress
  • Theme (theme defined into the proposal and agreement --> normally I use Oxygen Builder, I don't wanna charge anything for it)
  • Extra Plugins and JS Library (plugins defined into the proposal and agreement)
• Create Credentialis / Save Login informations on the CRM
• Add branding, colors, fonts
• Create Header and Footer (Main template)
• Create Homepage
• Create Contact Page
• Create About us Page
• Create Single template for Services/Projects/CPT
• Create Search and 404 page
• Create General pages (Optional)

(5) If is an eCommerce (Optional)

• Configure WooCommerce
  • Currency, TAX, VAT, Address
  • Shipping tax
• Create key pages:
  • Account page
  • Shop page (Archivie Template)
  • Cart
  • Checkout
• Configure Gateways (PayPal, Bank Transfer, Stripe, etc... )
• Create Template for single product

(6) Website Optimisation

• Install and configure cache plugin
• Install and configure minification css/js/html
• Image compression
• Install and configure the plugin for Security/Malware
• Install SMTP Plugin

(7) Test Website

• Test the frontend
  • Desktop (Chrome/Microsoft Edge/Safari/Firefox)
  • Tablet (Android/iOS)
  • Phone (Android/iOS)
• Test all forms (contact us/extra forms)
• Test the website with (GTmetrix)[https://gtmetrix.com/]