BrainPOP App Design about quill-grammar HOT 3 CLOSED

Mockup:
https://drive.google.com/open?id=0B1RagCbDewKWdnRheFNKUXZ5Q1k&authuser=0

Page 1: App landing page. Where a user can access the activities, and see their results.
Page 2: What a Passage Proofreader page looks like. Before a user changes any errors. The story will continue past the fold. (see page 19 for the other story graphics)
Page 3: User revised the passage. The "errors found.." graphic changes with each revision.
Page 4: A user correctly answered all of the errors. Then they are taken to page 7, where all of their correct revisions will be in green. And on the last correct word, page 11, they will be taken to page 18. They skip the sentence writing.
Page 5: A user answered at least 50% of the errors. Then they are taken to page 7.
Page 6: A user did not answer at least 50% of the errors. They are then asked to go back to page 3.
Page 7: After a user answers at least 50% of the errors, they are then guided through each revision they've made - correct, incorrect, or not necessary.
Page 8: Showing the "not necessary" result.
Page 9: Showing "incorrect" result.
Page 10: If a user did not get all of the errors completely correct, they are then being taken to page 12 - sentence writing.
Page 11: A user answered all of the errors correctly, and then is being taken to page 18.
Page 12: When a user is introduced to a new concept, the tool tip "concept overview" is displayed. A user can click anywhere to hide the tool tip. And they can hover, or click, over "concept overview" text to display it again.
Page 13: Shows that it looks like when a user types a sentence.
Page 14: A user correctly answered the activity.
Page 15: A user answered the activity incorrectly, and is asked to try one more time.
Page 16: A user answered the activity incorrectly twice, and is asked to go to the next activity.
Page 17: After the user answers all of the activities they are taken to the results page. They can then click "go to menu" which takes them to page 18.
Page 18: App landing page with results.
Page 19: Graphics for different stories, and results.

Specs:
BrainPOP's iFrame is 880 pixels wide by 660 pixels tall. I've designed all of the pages to fit 880 pixels wide. There will need to be a scroll bar for pages longer than 660 pixels tall.

from quill-grammar.

partnerApp=true showExternalLinks=false|true

from quill-grammar.

https://drive.google.com/folderview?id=0B1RagCbDewKWfndUQ05OdUNvLThNRWNEQUtkTTBHRzNoYUVGSHpaQTFULVRqY2RJYW1zbDA&usp=sharing

Resources for mockups, fonts, colors, and dimensions. @wlaurance

from quill-grammar.