Lesson 2: Web/App Development

This lesson covers the basic steps needed to create a web presence for the team’s product or service.

Required Outcomes

  • Students will understand the key components for plan, build, launch when creating web or mobile applications to communicate their business idea.
  • Students will develop a mock up website for their business that supports their MVP design.

 Web/App Development

Statement of Work

Outline and establish the scope of your project by writing a statement of work. This document will force your team to consider exactly what you are you seeking to build. Examine a sample statement of work for The Law Offices of Smith and Howard.

Once you understand what a statement of work entails, click the link below to write one for your company. Make sure you save this file into your team’s Unit 5 folder via Google Drive.

For more information about how a statement of work fits into a broader conversation of project management, see the following WikiPedia entry below:


A sitemap shows the relationship of the different pages on the website and can help determine the general user experience from beginning (the homepage) to the end (various destination pages). With your team, hand sketch your entire website’s sitemap.



Web Plan Assignment

Click the link below to make a copy of the Web Plan Assignment document. Here your will keep track of three important overriding questions to consider as you build your website.

Web/App Development Terms

  • Designer: a person who plans, designs, creates, and often maintains websites.
  • Developer: a programmer who specializes in the development, or coding, of World Wide Web applications
  • Front-end development: the development of those elements of a website that the customer sees and interacts with directly.
    • Knowing which program to choose
    • Elements on screen (color, font or arrangement)
  • Back-end development: consists of server, application and a database. It is the brain of the website. It is where the customer interaction is stored.
  • User experience: involves a person’s behaviors, attitudes, and emotions about using a particular product, system or service.
  • Static/flat page: is one where the page can only be updated through changes in the coding.
  • Dynamic page: is one where the page can be updated by the site owner/customer interaction without changing coding.
  • SEO (search engine optimization): the process of affecting the visibility of a website or a web page in a search engine’s “natural” or un-paid (“organic”) search results.
  • Domain name: a unique name that identifies an internet resource such as a website.
  • Server / web hosting: a type of Internet hosting service that allows individuals and organizations to make their website accessible via the World Wide Web.
  • Sitemap: a list of pages of a web site. Used as a planning tool for web design or a webpage that lists pages of a website.
  • Wireframes: also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.
  • Statement of work/specs: a formal document that captures and defines the overview, requirements and timeline of a website to execute performance needed for user experience.
  • Mockups: a model or replica of a website, used for instructional or experimental purposes


Watch the  video below from start to 7:11. Then read the following article about the costs associated with building a professional website: