The Sphinx WIREFRAMES – The Sphinx VERSION 1.0
December 1, 2012
THIS DOCUMENT HAS BEEN PREPARED FOR LIMITED DISTRIBUTION. THIS DOCUMENT CONTAINS MATERIALS AND INFORMATION THAT The Sphinx AND Laura Cortes CONSIDERS CONFIDENTIAL, PROPRIETARY AND SIGNIFICANT FOR PROTECTION OF ITS BUSINESS.
The Sphinx
0.0 Common elements
Document: Mobile Wireframes Last Edited: 11/28/2012 Author: Laura Cortes
Page Notes
1.0 Logo The Sphinx logo should go here.
2.0 Tagline The tagline should go here.
3.0 About Button Button to access about page. It takes the user to page
Carrie r
1.0
12:00 PM
Logo
?
Tagline goes here
2.0
4.0 Playlist Progress bar 3.0
This bar indicates which content is being accesses. If the user unlocks the content the bar should become active. If not the bar remains inactive
4.1 Progress bar - active When the user unlocks the content the bar should change colour.
4.2 Progress bar – inactive If the user fails to unlock the content the bar should remain the same colour as before.
5.0 Riddle [1] Button to access riddle pop-up. See page
4.1
6.4
Riddle 1
5.0
Content 1 10.11.2012
6.1
6.3
6.0 Content [1] Content to be unlocked by the user after solving the precedent riddle.
6.2
6.0
Riddle 2
4.0
6.1 Image Thumbnail image related to the content to be unlocked.
6.2 Title Title related to the content to be unlocked.
6.3 Date Date when the content was posted.
7.0 Riddle [2] Button to access riddle pop-up. See page
NOTE: To access the remainder content the user needs to swipe on the bottom bar.
3
The Sphinx
1.0 Landing Page
Document: Mobile Wireframes Last Edited: 11/28/2012 Author: Laura Cortes
Page Notes
1.0 Video Player - Youtube Teaser video should be loaded on the landing page. The player from Youtube should be embeded.
2.0 Close button This button should close the content.
3.0 Title Title for the content to be displayed.
Carrie r
12:00 PM
Logo
4.0 Facebook share button
?
Tagline goes here 2.0
Button to share content on the user’s Facebook page.
5.0 Twitter share button Button to share content on the user’s Twitter page.
1.0
6.0 Progress bar – inactive Copy related to the content to be displayed.
7.0 Playlist button
4.0 3.0
Title
F
5.0
T
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
7.0
When content us loaded on the page the playlist bar should collapse and it’s place should appear a button to access the playlist.
6.0
4
The Sphinx
2.0 Riddle, Video, Image
Carrier
Document: Mobile Wireframes Last Edited: 11/28/2012 Author: Laura Cortes
12:00 PM
Carrier
Logo
Logo
?
Tagline goes here
12:00 PM
12:00 PM
Logo
?
Tagline goes here
1.0
Carrier
?
Tagline goes here
1.0
1.0 Riddle 1
?
5.0
2.0 3.0
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. #5 chances
6.0 Title
Enter Text Here
4.0 Submit
T
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
7.0
Screen Notes
F
Screen Notes
Title
F
T
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, s
Screen Notes
RIDDLE 1.0 Riddle content
VIDEO 1.0 Video Player - Youtube
IMAGE 1.0 Image
1.0 Chances bar. The bar should be full. Every time the user answers wrongly the bar should become a different colour. 1.0 Chances bar. The bar should be full. Every time the user answers wrongly the bar should become a different colour. 3.0 Content Riddle text. 4.0 Insert text box The user should type the text here. 5.0 Help When the user reaches the final chance this button should become active. When tapped a pop-message should appear with the answer for the riddle.
Refer to Page 1.0 Landing Page for functionality notes
Image content.
5
The Sphinx
3.0 Help, About
Document: Mobile Wireframes Last Edited: 11/28/2012 Author: Laura Cortes
Page Notes
1.0 Video Player - Youtube Teaser video should be loaded on the landing page. The player from Youtube should be embeded.
2.0 Close button This button should close the content.
3.0 Title Carrier
Carrier
12:00 PM
Logo
Logo
?
Tagline goes here
Title for the content to be displayed.
12:00 PM
4.0 Facebook share button
?
Tagline goes here
Button to share content on the user’s Facebook page.
5.0 Twitter share button Button to share content on the user’s Twitter page.
What is The Sphinx?
6.0 Progress bar – inactive
Riddle 1 - Solution
Copy related to the content to be displayed.
Content 1 10.11.2012
7.0 Playlist button When content us loaded on the page the playlist bar should collapse and it’s place should appear a button to access the playlist.
Riddle 2
10.11.2012
Riddle 1
Content 1
Lorem ipsum
Riddle 2
Riddle 1
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6