GP1: Wireframes

Submission Requirements:

  • This assignment is a group assignment and requires only one team member to make the submission for the group.
  • -2pts for every day late, later than 3 days results in zero
  • Only submit 2 files to Blackboard: (Image of site wireframe & Image of app wireframe)

Instructions:

  • See Getting Started video below for steps 1-3
  1. Use balsamiq.com to create separate site and app wireframes (See Getting Started video below)
    • Sign-up for a web trial of balsamiq
    • To allow multiple group members to work on the wireframes, one team member should create the project and invite the others as Staff members
  2. Create your group website wireframes
    • Minimum of 5 frames (home, about, team, market, investors)
      • See examples below and GP5: Company Website requirements for further content details
      • Wavy line placeholders can be used for small labels and paragraphs of text
      • With the exception of the logo and background image, the default image and graph placeholders can be used for all other images
  3. Create a separate mockup / wireframe for your app
    • Minimum of 5 frames, but should make one for each major action in your app
      • Think of common screens of other apps you have used
      • Think of the actions your users will be taking in your app
      • Keep in mind that these frames will be presented as part of your final website/presentation
  4. Export your website and app wireframes as images and submit them to this assignment in Blackboard.
    • See Submitting GP1 video below for walkthrough

Videos Instructions

Examples

Example App
Example App