WEB DESIGN PROCESS

Published 29-03-25

4 Stage Web Design Plan

ONBOARDING

The very beginning of the project. Includes a discovery call, project proposal, contract, first payment and kickoff call.

1. Discovery Call

• Zoom Call
• Phone Call
• Get project details
• See if good fit

2. Proposal

3. Contract & Payment

OVER COMMUNICATE AT ALL STAGES. WITHOUT CONTRACT AND PAYMENT THERE’S NO WORK.

4. Kick-off Call

A time to get intentional with clients and start getting really specific about dates, times, plans & deadlines.

• Deadlines for both parties. (COPY. BRANDING. IMAGES. FEEDBACK)
• Deadlines must have CONSEQUENCES.
• Fee?
• Missed opportunity for feedback = missed revisions.
• 24 hours to respond with feedback.

DESIGN & DEV

1. Sitemap & Wireframe

• Basic Sitemap
• Wireframe (octopus.do)

2. Pages

• Homepage
• Done > Send for revision. (ruttl.com)
• Next pages
• Done > Send for revision.

3. Revisions

1 REVISION FOR EACH STAGE OF THE PROJECT

• 1 Revision: Wireframe & Sitemap

• 1 Revision: Homepage

• 1 Revision: All other pages

‘That round of revisions is currently closed’

LAUNCH

Testing everything on the website including form, shopping carts etc. Set up a potential launch date everyone feels comfortable with.

1. Testing

• Filling out forms
• Buying products
• Signing up for lead magnets
• Checking all links
• 100% dogfooding

2. Backup

3. Site Migration

OFFBOARDING

Setting the client up for success and continuing to follow up with them after the project is finished.

1. Support

• Ensure the client feels they are being supported during the first couple of weeks.
• Questions
• FAQ?

2. Follow Up

• Date Web Launched
• Business Anniversary

‘Hey, hows it going? Hows the business going?’

3. Repeat Business

• Proposal & Repeat.

RESOURCES

• Self-Made Web Design
  (https://www.youtube.com/watch?v=T5JglDcd54A)
• Project Process Template
  (https://masterful-glitter-45675.myflodesk.com/fvph6rq5ql)
• Sitemap & Wireframe (octopus.do)
• Revisions (ruttl.com)