Thr Sphinx - IA

6
The Sphinx WIREFRAMES The Sphinx VERSION 1.0 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. December 1, 2012

description

The Sphinx web series information architecture document.

Transcript of Thr Sphinx - IA

Page 1: Thr Sphinx - IA

The SphinxWIREFRAMES – The Sphinx

VERSION 1.0

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.

December 1, 2012

Page 2: Thr Sphinx - IA
Page 3: Thr Sphinx - IA

The Sphinx

3Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes

0.0 Common elements

Carrier

12:00 PM

Page Notes

1.0 LogoThe Sphinx logo should go here.

2.0 TaglineThe tagline should go here.

3.0 About ButtonButton to access about page.It takes the user to page

4.0 Playlist Progress bar 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 - activeWhen the user unlocks the content the bar should change colour.

4.2 Progress bar – inactiveIf 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

6.0 Content [1]Content to be unlocked by the user after solving the

precedent riddle.

6.1 ImageThumbnail image related to the content to be unlocked.

6.2 TitleTitle related to the content to be unlocked.

6.3 DateDate 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.

?Logo

Tagline goes here

Rid

dle

1 Content 1

10.11.2012 Rid

dle

2

1.0

2.0

3.0

5.0

4.1 6.4

6.2

6.3

4.0

6.1

6.0

Page 4: Thr Sphinx - IA

The Sphinx

4Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes

1.0 Landing Page

Carrier

12:00 PM

Page Notes

?Logo

Tagline goes here

1.0 Video Player - YoutubeTeaser video should be loaded on the landing page. The player from Youtube should be embeded.

2.0 Close buttonThis button should close the content.

3.0 TitleTitle for the content to be displayed.

4.0 Facebook share button Button to share content on the user’s Facebook page.

5.0 Twitter share buttonButton to share content on the user’s Twitter page.

6.0 Progress bar – inactiveCopy related to the content to be displayed.

7.0 Playlist buttonWhen content us loaded on the page the playlist bar should collapse and it’s place should appear a button to access the

playlist.

2.0

Title F T

Lorem ipsum dolor sit amet,

consectetaur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et

dolore magna aliqua.

3.0

4.0 5.0

6.0

1.0

7.0

Page 5: Thr Sphinx - IA

The Sphinx

5Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes

2.0 Riddle, Video, Image

Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

Screen Notes Screen Notes Screen Notes

?Logo

Tagline goes here?

Logo

Tagline goes here?

Logo

Tagline goes here

RIDDLE1.0 Riddle content

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 ContentRiddle text.4.0 Insert text boxThe user should type the text here.5.0 HelpWhen the user reaches the final chance this button should become active. When tapped a pop-message should appear with the answer for the riddle.

VIDEO1.0 Video Player - YoutubeRefer to Page 1.0 Landing Page for functionality notes

IMAGE1.0 ImageImage content.

Title F T

Lorem ipsum dolor sit amet,

consectetaur adipisicing elit, sed do

eiusmod tempor incididunt ut labore

et dolore magna aliqua.

Title F T

Lorem ipsum dolor sit amet,

consectetaur adipisicing elit, s

Riddle 1 ?

Lorem ipsum dolor sit amet,

consectetaur adipisicing elit, sed

do eiusmod tempor incididunt ut

labore et dolore magna aliqua.

Enter Text Here

Submit

#5 chances

2.0

7.0

1.0

5.0

3.0

6.0

4.0

1.0

1.0

Page 6: Thr Sphinx - IA

The Sphinx

6Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes

3.0 Help, About

Carrier 12:00 PM Carrier 12:00 PM

Page Notes

?Logo

Tagline goes here

?Logo

Tagline goes here

1.0 Video Player - YoutubeTeaser video should be loaded on the landing page. The player from Youtube should be embeded.

2.0 Close buttonThis button should close the content.

3.0 TitleTitle for the content to be displayed.

4.0 Facebook share button Button to share content on the user’s Facebook page.

5.0 Twitter share buttonButton to share content on the user’s Twitter page.

6.0 Progress bar – inactiveCopy related to the content to be displayed.

7.0 Playlist buttonWhen content us loaded on the page the playlist bar should collapse and it’s place should appear a button to access the

playlist.

Rid

dle

1 Content 1

10.11.2012 Rid

dle

2What is The Sphinx?

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.

Rid

dle

1 Content 1

10.11.2012 Rid

dle

2

Riddle 1 - Solution

Lorem ipsum