selfmademusings

WebDev: Design Process

Written by

B

in

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

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