Wireframes Arla - Naturens egen sportdryck Christoffer Du Rietz GreatWorks

Transkript

1 Wireframes Arla - Naturens egen sportdryck Christoffer Du Rietz GreatWorks

2 Page 2 Startsida... Navigering inom subsiten. Länkar till nya sidor inom substrukturen. Få 25% på träningskläder! Någon i SOK/ OS-truppen berättar om övningarna och mjölkens förträfflighet som sportdryck. Kom i OS-form med naturens egen sportdryck Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Utmana och aktivera dina vänner och vinn OS-ryggsäckar, ipads eller en heldag med några OS-atleter! Länk till kampanjsida där det står om streckkodskampanjen och där man kan ta del av erbjudandet. Baserat på antal skickade Tränogram + antalet genomförda Spelas ej här utan länkar till permalänks-sida med övning och förklaring på samma sätt som i övningslistningen nedan. Leder till egna sidan med bara övningarna. Listan med övningar visas som skärmdumpar på videorna, de kan ej spelas direkt i denna vy. Övningarna kan filtreras och sorteras utan sidomladdning. Om du kopplat upp dig mot Facebook, så visas den väns avatar som gjort bäst resultat på övningen ovanpå videobilderna. Musar du över avataren så syns texten hur många/länge vännen klarat, ex: "<Namn> har klarat 20 st" Dagens övning Populärast just nu Veckans Topputmanare Globalt Vänner Övningarna (visa alla) Sortera: A-Ö Popularitet Tidsåtgång Visa: Alla Helkropp Överkropp Underkropp Puls Styrka Plankan Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet. Lorem ipsum dolor sit amet consectituer. Lägg till i mina pass Pull-ups Överkropp Ärmhävningar Överkropp Utfall Underkropp Burpees Helkropp DU 83 Emma Rosenquist 25 utmaningar, 15 accepterade Linda Ström 23 utmaningar, 15 accepterade Johan Svennson 19 utmaningar, 13 accepterade Baserat på antal skickade Tränogram + antalet accepterade och genomförda Tränogram Kan lista global topplista eller bara dina Facebookvänner. Klickar man på vänner och inte är FBconnectad så uppmanas man göra det. Burpees Armhävningar Se hela topplistan Om man ännu inte FBconnectat så visas nr 4 här istället. Musar man över en videobild så kommer en yta med beskrivning av övningen upp och en knapp för att lägga övningen till sina pass. Klickar man varsomhelst på ytan förutom knappen så tas man till permalänksidan för övningen Namn + tagg för vilken del av kroppen som övningen tränar visas under varje videobild. Ladda in fler För att inte listan ska ta för stor plats på förstasidan så laddas en begränsad mängd in för där man laddar in flera genom att trycka här. Så tränar OS-stjärnorna Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Läs och lyssna på mera om OS-stjärnornas träning Enkla länkade puffar med rubrik, text, länk och bild. Mjölk naturens egen sportdryck Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Läs mer om Mjölkens förträffligheter vid träning

3 Page 3 Övningssida Egen sida med övningen med tillhörande funktioner. Plankan Film på övningen. Spelas automatiskt vid landning på sidan för att minimera antal klick. med Emma Green Tregaro Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. 1. Quisque eget odio ac (?) 2. Lectus vestibulum faucibus eget in metus. In pellentesque.(?) 3. Faucibus vestibulum.(?) 4. Phasellus molestie magna non est bibendum non venenatis nisl tempor.(?) MouseOver på denna poppar upp en inforuta med screenshot från filmen på resp. steg. Klick på nåon av dessa 3 knappar första gången öppnar upp en popup för att godkänna Facebookappen. Emma klarar 3 min 45 sek, hur länge klarar du? Gör Skicka tränogram Lägg till i mina pass Om man godkänt FBappen och en vän registrerat att han gjort övningen så visas vännen med bästa resultatet här. Är du ej FBconnectad eller om ingen vän gjort övningen så visas istället texten: "Se hur länge du klarar och tala om för dina vänner" Niklas Ericsson har klarat 2 min 31 sek Liknande övningar Få dina vänner i OS-form och vinn priser! (10 skickade och accepterade kvar till veckans nr 1) Skapa ditt personliga OSträningsprogram Tävlingsdrivande text som säger hur lång man har kvar till att gå om 1an som vinner veckopriset.

4 Page 4 Gör dialog Man "gör" övningen genom att ange hur länge/många gjort och sparar genom att posta resultatet på sin vägg. Heders-systemet stärks av att alla dina vänner på FB ser vad du anger. Hur många klarade du? Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Hur länge klarade du? Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. 12 st 3 min 15 sek Spara och posta på min vägg Spara och posta på min vägg

5 Page 5 Skicka tränogram Tränogram skickas genom att man väljer vän som man får från Facebook och hur många eller hur länge han/hon ska göra en övning, och sedan skickar man tränogrammet. Skicka Tränogram Låt dina vänner visa sin OS-form och se hur länge de klarar att köra planken. Vem vill du utmana? Skicka Tränogram Låt dina vänner visa sin OS-form och se hur många pullups de klarar. Vem vill du utmana? När man skriver namnet så autocompletas det mha din vänlista från FB för att skicka till rätt FB-vän. Niklas Ericsson Niklas Ericsson Nik Hur länge? 3 min 10 sek Hur många? 6 st Nike Jacobsson Enkelt OS-klass Enkelt OS-klass Niklas Ericsson Skicka Tränogram Skicka Tränogram Niklas Wendell Sporrande texter som ger direkt feedback på ens position i tävlingen och uppmanar att skicka flera. Och gå från 83 -> 82 på topplistan 2 stränogram kvar till plats 82 Text ifall ett skickat tränogram får en att hoppa på veckotopplistan. Text ifall man behöver skicka flera tränogram för att hoppa på topllistan. Nikki Minaj

6 Page 6 Poster på Facebook Tränogram skickas genom att man väljer vän som man får från Facebook och hur många eller hur länge han/hon ska göra en övning, och sedan skickar man tränogrammet. Tränogram postas på vänners väggar som en post med länk enligt nedan. Länken går till en temporär unik utmaningssida som genereras på webbplatsen (se nästa sida). När man "gör" en övning så postas ens angivna antal/tid på ens vägg enligt nedan och länkar till övningen på vanliga övningssidan för andra att också göra övningen och kanske slå ens antal/tid. Niklas Ericsson > Johan Svennson Jag och OS-truppen utmanar dig att göra 14 st Pull-ups. Go! komiform.arla.se/ Johan Svennson Jag gjorde precis 14 Pull-ups med coachning av OS-truppen. Kan du göra fler? ÖVNINGS- Gör 14 Pull-ups! Kom i form med OS-truppen och naturens egen sportdryck! ÖVNINGS- Pull-ups Kom i form med OS-truppen och naturens egen sportdryck!

7 Page 7 Tränogramsida En enklare personlig övningssida som genereras för den vän man skickar ett Tränogram till. Niklas utmanar dig att göra 2 min på Plankan Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. 1. Quisque eget odio ac (?) 2. Lectus vestibulum faucibus eget in metus. In pellentesque.(?) 3. Faucibus vestibulum.(?) 4. Phasellus molestie magna non est bibendum non venenatis nisl tempor.(?) Gör Skicka eget tränogram Lägg till i mina pass Niklas Ericsson har klarat 2 min 31 sek Få dina vänner i OS-form Skapa ditt personliga OSträningsprogram

8 Page 8 Övningar - egen sida Samma innehåll som på startsidan, men här listar vi samtliga övningar utan avbrott Listan med övningar visas som skärmdumpar på videorna, de kan ej spelas direkt i denna vy. Övningarna kan filtreras och sorteras utan sidomladdning. Övningarna Sortera: A-Ö Popularitet Tidsåtgång Visa: Alla Helkropp Överkropp Underkropp Puls Styrka Om du kopplat Niklas Ericsson har klarat 20 st Plankan upp dig mot Curabitur vulputate, ligula Facebook, så lacinia scelerisque tempor, visas den väns lacus lacus ornare ante, ac avatar som gjort egestas est urna sit amet. bäst resultat på Lorem ipsum dolor sit amet övningen consectituer. ovanpå videobilderna. Musar Lägg till i mina pass du över avataren så Pull-ups Överkropp Ärmhävningar Överkropp Utfall Underkropp Burpees Helkropp syns texten hur många/länge vännen klarat, ex: "<Namn> har klarat 20 st" Musar man över en videobild så kommer en yta med beskrivning av övningen upp och en knapp för att lägga övningen till sina pass. Klickar man varsomhelst på ytan förutom knappen så tas man till permalänksidan för övningen Namn + tagg för vilken del av kroppen som övningen tränar visas under varje videobild.

9 Page 9... Start Tävla! Övningarna Mina pass Så tränar OS-stjärnorna Varför är mjölk så bra? Utmana dina vänner och vinn fina priser! Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Skicka så många tränogram som möjligt och få så många vänner som möjligt att utföra dom. Den med flest antal skickade tränogram tillsammans med antalet utförda vinner! Välj övning och skicka Tränogram nu! Ställningen just nu Baserat på antal skickade Tränogram + antalet accepterade och genomförda Tränogram Veckans topputmanare 1 2 Emma Rosenquist 25 utmaningar, 15 accepterade Linda Ström 23 utmaningar, 15 accepterade Globalt Vänner Topputmanare totalt 1 2 Emma Rosenquist 25 utmaningar, 15 accepterade Linda Ström 23 utmaningar, 15 accepterade Globalt Vänner Kan lista global topplista eller bara dina Facebookvänner. Klickar man på vänner och inte är FBconnectad så uppmanas man göra det Emma Rosenquist 25 utmaningar, 15 accepterade 4 Emma Rosenquist 25 utmaningar, 15 accepterade 5 Linda Ström 23 utmaningar, 15 accepterade 5 Linda Ström 23 utmaningar, 15 accepterade Emma Rosenquist 25 utmaningar, 15 accepterade 8 Emma Rosenquist 25 utmaningar, 15 accepterade 9 Linda Ström 23 utmaningar, 15 accepterade 9 Linda Ström 23 utmaningar, 15 accepterade Om man ännu inte FBconnectat så visas nr 4 här istället. 10 DU 83 Johan Svennson 19 utmaningar, 13 accepterade 10 DU 124 Johan Svennson 19 utmaningar, 13 accepterade Priser En ipad varje vecka till veckans topputmanare! Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante. IPAD RYGGSÄCK En officiell OS-ryggsäck från Svenska Olympiska truppen till veckans andra bästa utmanare Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante. En heldag med 3 OS-atleter till den totalt ledande utmanaren vid OS slutskott den 12 augusti In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat. OS-ATLETER Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Välj övning och skicka Tränogram nu!

10 Page 10 Mina pass Sida för åtkomst till sina egna skapade pass. Sparas kopplat till FB-connecten som görs för att man ska kunna spara undan övningar. Om man loggats ut från FB och försöker gå in här uppmanas man connecta igen. Mina pass + Nytt pass Vardagspasset Skicka till mobil Skicka som Tränogram Plankan Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet. Lorem ipsum dolor sit amet consectituer. Pull-ups Överkropp Ärmhävningar Överkropp Ta bort från pass Intensivpasset Skicka till mobil Skicka som Tränogram Pull-ups Överkropp

11 Page 11 Procedur för att lägga övning i mina pass Olika beteenden beroende på om man har skapat fler än 1 pass eller inte på Mina pass-sidan. Ursprungsläget - knappen gråas ut och texten ändras. Du kan klicka på "mina pass" för att komma till Mina pass-sidan. Mer än 1 pass skapat - man får upp en meny där man väljer passet man vill lägga till övningen till, och kan i samma meny skapa ytterligare ett pass. Tillagd i mina pass Lägg till i mina pass Vardagspasset Intensivpasset + Nytt pass...

12 Page 12 Textsida - Så tränar OSstjärnonrna Exempel på upplägg av en vanlig statiskt artikelsida för att skriva längre intressanta texter. Kan innehålla bild, film och text med rubrik och underrubrik i olika valfria storlekar. Så tränar OS-stjärnorna Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus. "Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet." Pelle Svensson, OS-tränare In pellentesque faucibus vestibulum Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. TIPS! Kom igång, kolla in OS-stjärnornas övningar

13 Page 13 Textsida - Om mjölk Exempel på upplägg av en vanlig statiskt artikelsida för att skriva längre intressanta texter. Kan innehålla bild, film och text med rubrik och underrubrik. Naturens egen sportdryck - så funkar det Det finns mycket i mjölken som gör att den passar som sportdryck. Den är en naturlig källa till protein som hjälper till att reparera och bygga upp musklerna efter träning. Ungefär tio gram gör att kroppen svarar bra på träningen och det får vi naturligt i oss genom att dricka tre deciliter mjölk. Då får vi också i oss vätska och dessutom kalcium och D-vitamin som är bra för benstommen. I mjölken finns även många andra närings- ämnen, hela 18 av 22 som vi behöver varje dag*! Man kan säga att mjölk är en praktisk allt i ett-dryck som är särskilt god för den som är aktiv och vill äta bra. Eftersom mjölk är naturligt rik på nyttigheter finns det ingen risk att överdosera mineraler eller vitaminer. Mjölk kan heller aldrig innehålla dopningsklassade substanser. Därför rekommenderar SOK mjölk och andra naturliga produkter för en ren idrott. TABELL MED INNEHÅLL OCH NYTTA Ladda rätt och orka mer LILLA NÄRINGSSKOLAN Med tom mage är det svårt att orka träna. Med för mätt mage går det också trögt. Knepet är så klart att vara lagom påfylld med rätt typ av energi. OS-stjärnorna som tränar hårt och länge, äter rejält några timmar före träning och sedan ett litet uppladdningsmål innan de sätter igång. Det kan till exempel vara mjölk och frukt. Då får de vätska, protein, kolhydrater och en massa naturliga vitaminer och minera- ler. Mellanmålet ger kraft under träningen och gör så att kroppen inte börjar bryta ner muskler för att få energi. "Om det är väldigt varmt ser jag till att få i mig mycket vätska, så att jag inte börjar träningen helt torrlagd. Jag ser till att ha ätit cirka tre timmar innan, så att jag inte har för mycket mat i magen." Lisa Nordén, triathlet TIPS! Bästa återhämtningen Träning är på sätt och vis nedbrytande för kroppen. Med vila och mat bygger man upp den igen - lite starkare och lite uthålligare. Ett mindre återhämtningsmål äter man bäst direkt efter träning, helst inom en halvtimme. Näringen och vätskan hjälper till att reparera och bygga upp musklerna och ett bra mellanmål gör en också mindre sugen på att äta onyttigheter före middagen. Återhämtning handlar även om att varva ner mentalt. Stretcha och njuta av att kroppen har varit aktiv och nu får vila upp sig. Tränar man inte så hårt eller bara för att gå ner i vikt är själva återhämt- ningsmålet inte lika viktigt. Men generellt är tiden efter träning ett bra tillfälle att äta. Då går energin snabbt ut i cellerna där den ger ny kraft. LILLA NÄRINGSSKOLAN - ÅTERHÄMTNING Recept för att komma igång Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis. Vanilj- och jordgubbsmjölk Blåbärsmjölk med havre Avokadosmoothie med passion Banan- och jordnötssmoothie Mellanmålsmuffins Fylld Ugnspannkaka

14 Page Samla streckkoder, få 25% rabatt på träningskläder hos Sportamore.se Träning och mjölk går hand i hand, och nu också träningskläder. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Samla streckkoderna på dina 5 senaste mjölkpaket så får du 25% rabatt på Sportamore.se. Bara knappa in streckkoderna här så får du rabattkoden direkt. Mata in dina streckkoder Din rabattkod hos Sportamore Koderna valideras direkt så man ser direkt om man matat in 5 korrekta koder eller inte siffror 13 siffror arlamjölk123 Rabattkoden kan änvändas endast en gång på köp upp till 2000kr Så här använder du rabattkoden Tom innan man fyllt i rätt streckkoder Knapp utgråand tills man matat in 5 korrekta koder 13 siffror 13 siffror Hämta rabattkod 1. Quisque eget odio ac 2. Lectus vestibulum faucibus eget in metus. In pellentesque 3. Faucibus vestibulum 4. Phasellus molestie magna non est bibendum non venenatis nisl tempor Sportamore.se Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.