GrC 339
Web Design + Production

Week 9 • Estimating

This Week

• Deployment (uploading your code)
• Journal Entry #5
• Bidding on projects
• Pricing web projects
• Value added services

Noticing a trend

• Placeholder images for final content
• Copyright statements
• Provide credits!
  • All content that is not yours
  • Use the footer or a separate page with links
  • Code commenting for me*

Deployment

• Domain (maximum 1 mark deduction)
  • Registered / DNS configured
• Images (-0.5 per issue, maximum -2 marks)
  • Resolution, file format, weight (200+ kilobytes)
  • No nextgen image formats (-0.5 marks)
• Link issues (-0.5 per issue, maximum -2 marks)
• web.dev report
  • Accessibility (out of 1)
  • Performance (out of 1)

Prospect

“I need a website“

What would it cost?

Prospect

“I need a website for my startup. I need 4 pages; about, product, sign up, and contact.“

What would it cost?

Overview

The site is for an electric bike that is being released on KickStarter. It has 3 color variations and 2 motor options.

Spec Work

“Before we start, can you give me a sample design for the product page?“

How would you respond?

Spec Work

• Generally speaking, don't do it
• Quotes for larger projects:
  • Might be a requirement to create a proposal
  • Set a minimum scope for RFPs
  • Back & forth with prospect: ensure they are considering your company.
• Personal and existing relationships?

Quoting for Work

• Interview, determine their needs
• Scope creep:
  • Set clear minimum offering
  • Breakdown project (mandatory vs optional)
  • Basic costs for additional work
• Create standards to speed up process
• Use an invoicing system eventually,
  spreadsheets can work here

Source: The Challenge of the “Project Management Triangle”

Breakout Exercise

• In teams of 3-4
• Build a quote using a spreadsheet
• Include details on the item and associated price
• Include any other helpful details for the quote
• What are your quote's terms & conditions?

Pricing approaches

• Pricing models
  • Base cost
  • Multiplier (safety margin)
  • Hourly rate
  • Fixed cost
  • Customer savings model
• Value added items
• Service support costs

Breakout Exercise #2

• Find a sample quote for a website design project
• Avoid larger scale examples
• Avoid web application examples
• Google Images?
• Critique
  • What line items were provided?
  • What is missing?
  • How would you 1-up it?

Value Added options

• Domain registration
• Hosting
• Maintenance
• General content updates
• Hourly blocks of your time
• Social network management and setup
• Training
• Deployment
• Photography (stock, staged, etc)

Determine your rate

Industry standard rate: Clockify

Association standardS: RGD Canada (US?)

Ball park: Your Rate

Ideal vs minimum: Beewits

Single PAGE DESIGN

• Wireframes (1 hour)
• Mockups (2 hours)
• Basic Code (2 hours)
• Iterations + presentations (2 hours)
• Testing (1 hour)
• Optimizing images (depends)
• Enhancements (2-4 hours) [optional]