SanDisk Take More Video Wireframes

1,504 views

Published on

These wireframes are part of a larger series of documents illustrating the content and interactions for a microsite supporting a multimedia campaign.

Published in: Design, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,504
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

SanDisk Take More Video Wireframes

  1. 1. Information Architect: Abi Jones Client: SanDisk Project: Life Moves Microsite Deliverables: Wireframes and Interaction Design
  2. 2. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Home 1 3 NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet 4 1. Site ID - The Site ID is a link to the home Email Address Subscribe page. Clicking it will refresh the screen. 2. Section Heading - Orients user, provides 2 frame of reference for the items on each portion Page Heading Video title lorem ipsum of the site. The site heading and the text following that heading do not have associated Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum actions. volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si 3. Sponsor ID - The sponsor ID provides a link peraque dure dicere credit eos. 5 to the main sponsor website. This link opens in 6 a new window. Tutorial call to action 4. Subscription Form - If a user enters an Tutorial introductory Festival Head email address in the field and clicks 'Subscribe' text and call that email address is added to Sandisk's list to action. Festival call to action without going to a new website. 5. Tutorial Call to Action - Clicking the tutorial call to action loads a lightbox containing the 7 Video title lorem ipsum tutorial element. There is no on-hover state for this item. Video title lorem ipsum 6. Festival Call to Action - Clicking in the Festival Call to action area opens the Festival Home Page (on Youtube) in a new window/tab. There is no on-hover state for this item. 7. Video - Each video plays within the shown frame. Only one video can play at a time. If a video is playing and a user clicks the play button on another video, the initial video pauses 8 when the second video begins playing. 8. Product Information and Image - On mouseover these items reveal product information and a link to the product page on Sandisk.com. This interaction is shown in the next wireframe. 9 9. Links - This space is available for links and Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia legal information. Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 2 / 11
  3. 3. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Subscription Confirmation 1 3 NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet 4 1. Site ID - The Site ID is a link to the home You're subscribed to Sandisk Updates! page. Clicking it will refresh the screen. 2. Section Heading - Orients user, provides 2 frame of reference for the items on each portion Page Heading Video title lorem ipsum of the site. The site heading and the text following that heading do not have associated Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum actions. volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si 3. Sponsor ID - The sponsor ID provides a link peraque dure dicere credit eos. 5 to the main sponsor website. This link opens in 6 a new window. Tutorial call to action 4. Subscription Confirmation - Upon Tutorial introductory Festival Head subscribing this confirmation message appears. text and call to action. Festival call to action 5. Tutorial Call to Action - Clicking the tutorial call to action loads a lightbox containing the tutorial element. There is no on-hover state for this item. 7 Video title lorem ipsum 6. Festival Call to Action - Clicking in the Video title lorem ipsum Festival Call to action area opens the Festival Home Page (on Youtube) in a new window/tab. There is no on-hover state for this item. 7. Video - Each video plays within the shown frame. Only one video can play at a time. If a video is playing and a user clicks the play button on another video, the initial video pauses when the second video begins playing. 8 8. Product Information and Image - On mouseover these items reveal product information and a link to the product page on Sandisk.com. This interaction is shown in the next wireframe. 9. Links - This space is available for links and 9 legal information. Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 3 / 11
  4. 4. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Product Rollover Interaction NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet 1. Product Information and Image - On Email Address Subscribe mouseover (over the product image or arrow icon) these items reveal a heading, product information and a link to the product page on Sandisk.com. Page Heading Video title lorem ipsum 1 Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum Heading 4 volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si Lorem ipsum dolor sit amet peraque dure dicere credit eos. consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Tutorial call to action Learn more about product Tutorial introductory Festival Head text and call to action. Festival call to action Video title lorem ipsum Video title lorem ipsum Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 4 / 11
  5. 5. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Tutorial Lightbox NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet Tutorial Lightbox - When a user clicks on the Email Address Subscribe active tutorial call to action a lightbox opens with the tutorial video, information and a link to the contest website. Page Heading Video title lorem ipsum The video does not autoplay. Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum Users can exit the lightbox by clicking the X in Tutorial Heading volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut the top-right corner, clicking anywhere outside nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si of the lightbox or pressing the Escape key on a peraque dure dicere credit eos. keyboard. Tutorial call to action Tutorial introductory Festival Head text and call to action. Festival call to action Video title lorem ipsum Video title lorem ipsum Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas. Send this site to a friend Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 5 / 11
  6. 6. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Tutorial Lightbox Selector NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet Tutorial Lightbox Selector - After a user views Email Address Subscribe a tutorial this screen appears with the option to play a video again, open the send to a friend lightbox, or select one of the other tutorial videos. Page Heading Video title lorem ipsum Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum Tutorial Heading volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos. Tutorial call to action Play ThisHead Again Festival Video Tutorial introductory text and call to action. Festival call to action Play Another Video: Video title lorem ipsum Video title lorem ipsum Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas. Send this site to a friend Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 6 / 11
  7. 7. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Tutorial Lightbox Selector on Hover NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet Tutorial Lightbox On Hover - This wireframe Email Address Subscribe shows the on hover behavior of the tutorial video post-play. Page Heading Video title lorem ipsum Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum Tutorial Heading volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos. Tutorial call to action Play ThisHead Again Festival Video Tutorial introductory text and call to action. Title of Videoaction Festival call to Appears Here Video title lorem ipsum Video title lorem ipsum Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas. Send this site to a friend Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 7 / 11
  8. 8. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Send to a Friend NOTES Sponsor ID Site ID Send to a Friend Lightbox - When a user Email Address Subscribe clicks on the send to a friend link at the end of a video, a relevant lightbox opens. Users can exit the lightbox by clicking the X in Page Heading Video title lorem ipsum the top-right corner, clicking anywhere outside Send To A Friend Headline of the lightbox or pressing the Escape key on a Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum keyboard. volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis won't spam your friends disclaimer. We comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos. Your Name:* Tutorial call to action Tutorial introductory Festival Head Your Email Address:* text and call to action. Festival call to action A Note To Your Friend: Video title lorem ipsum Video title lorem ipsum Friend's Name:* Separate multiple entries with a comma. Maximum 5 entries. Friend's Email Address:* Separate multiple entries with a comma. Maximum 5 entries. Ux743 Can't read this? Enter Captcha Info:* Send It Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 8 / 11
  9. 9. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Send to a Friend Confirmation NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet Send to a Friend Confirmation: When a user Email Address Subscribe successfully submits a Send to a Friend form, this screen is shown briefly before revealing the microsite. Page Heading Video title lorem ipsum Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos. Tutorial call to action Tutorial introductory Send To AHead Confirmation Screen Festival Friend text and call to action. Festival call to action Video title lorem ipsum Video title lorem ipsum Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 9 / 11
  10. 10. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | Legal Lightbox NOTES Sponsor ID Site ID Tagline lorem ispum dolor dit amet Legal Lightbox - When a user clicks on the Email Address Subscribe legal links at the bottom of the screen a relevant lightbox opens. The lightbox includes the necessary text plus links to the tutorial and contest. Page Heading Video title lorem ipsum Terms and Conditions Users can exit the lightbox by clicking the X in Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum the top-right corner, clicking anywhere outside volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut of the lightbox or pressing the Escape key on a nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si Participation in the Sandisk Take More Video Contest implies acceptance of the keyboard. peraque dure dicere credit eos. Terms and Conditions of entry. Due to constantly changing text in this screen, Tutorial call to action Loomis Group recommends that Sandisk uses 1. To enter the Sandisk Take More Video Contest, lorem ipsum dolor sit amet a variable to dynamically load this content from Tutorial introductory text and call consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veeres Festival Head their current website. ita miratur laudatqu peotas, ut nihil anteferat. to action. Festival call to action The less optimal option is to open the Terms and Conditions link as a new window with the 2. Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus Sandisk URL. videt, est ubi peccat. Si veeres ita miratur laudatqu peotas, ut nihil anteferat. Video title lorem ipsum 3. Proin mattis, mi nec porta elementum, velit dolor rhoncus leo, at fringilla nisi odio Video title lorem ipsum vitae dolor. Ut sagittis nulla vel odio. Suspendisse sit amet quam. Suspendisse rutrum cursus nisi. 4. Aenean justo. Suspendisse et mauris. In hac habitasse platea dictumst. Ut nibh metus, faucibus a, iaculis a, euismod vitae, tellus. Morbi orci mauris, viverra sed, tincidunt eget, laoreet sit amet, felis. Nulla ante. Tutorial Link | Alternate Link Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los aptise nulavit vuo quadis. Em it amestia Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis. SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 10 / 11
  11. 11. SANDISK TAKE MORE VIDEO MICROSITE VERSION 1 | TMV Website SanDisk-TMV-Wireframes-v6.graffle | | DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 11 / 11

×